Trợ giúp

Cách chỉnh sửa menu cấp 3 trên theme Flatsome sử dụng css

Posted on by htstech
Menu-cap3-css-3
24
Oct

Có một thực tế là, menu cấp 2 của Flatsome là kiểu vertical 1 cột như bình thường, không vấn đề gì. Tuy nhiên, menu cấp 3 trở đi thì nó tự động chia nhiều cột bao gồm tên trình đơn menu và các sub-menu theo cột của nó. Việc chia cột như vậy cho cảm giác rất gọn gàng và khoa học đối với điều kiện tất cả các trình đơn menu đều có sub-menu. Ngược lại, dù chỉ 1 trong số các trình đơn menu không có sub-menu thì nó gần như là bị lỗi, và nó hiển thị cực kỳ xấu. Ví dụ như hình dưới đây:

Trong bài viết này, mình sẽ hướng dẫn các bạn sửa CSS để menu đa cấp của theme Flatsome có thể hiển thị đẹp hơn, hoặc cơ bản là làm cho nó hiển thị kiểu vertical menu như bình thường chúng ta hay sử dụng nhé!

Bài viết dựa trên kinh nghiệm và công việc thực tế, sử dụng theme Flatsome và WordPress 4.9.8. Do đó, bài hướng dẫn phù hợp 100% cho các bạn làm web sử dụng theme Flatsome. Còn những theme khác thì có vẻ như không hoạt động được!

Bước 1: Thêm CSS vào tùy chỉnh CSS của theme

Copy toàn bộ đoạn code CSS sau vào phần tùy chỉnh CSS của theme. Quản trị > Giao diện > Tùy chỉnh > Style > Custom CSS > Custom CSS:

Trong đoạn code CSS trên, mình đã trang trí menu đa cấp cho theme Flatsome theo tông cam – đỏ. Do đó, nếu các bạn thấy ưng thì có thể dùng được luôn. Ngược lại, các bạn tìm sửa thuộc tính background:mã_màu trong phần mình đánh dấu dưới đây:

Menu-cap3-css

Trong đó:

  • Màu xanh: mã màu nền của trình đơn menu cấp 2 khi rê chuột vào.
  • Màu vàng: mã màu nền của trình đơn menu cấp 3 khi rê chuột vào.

Bước 2: Save Change

Các bạn Save Change/ Apply Change để xem thành quả nhé. Hy vọng các bạn làm đúng theo hướng dẫn và có thể sửa được sự khó chịu của menu cấp 3 trên theme Flatsome nhé! Chúc các bạn thành công.

Menu-cap3-css-3

htstech

480 thoughts on “Cách chỉnh sửa menu cấp 3 trên theme Flatsome sử dụng css”

  1. Bwin says:

    Thank you for the good writeup. It in fact was a amusement account it.
    Look advanced to more added agreeable from you!
    By the way, how can we communicate?

  9. バカラ says:

    Greetings! Very helpful advice within this post! It is the little changes
    that produce the most important changes. Many thanks for sharing!

  12. 예스카지노 says:

    Hey! I just wanted to ask if you ever have any trouble with hackers?
    My last blog (wordpress) was hacked and I ended up losing many months
    of hard work due to no data backup. Do you have any solutions to prevent hackers?

  14. Benito says:

    An impressive share! I have just forwarded this onto a friend who had been conducting a little research on this.
    And he actually bought me lunch because I stumbled upon it for him…
    lol. So let me reword this…. Thanks for the meal!!
    But yeah, thanx for spending time to talk about this issue here on your blog.

  20. Leaf Max CBD says:

    wonderful points altogether, you simply won a logo new reader.
    What might you suggest about your submit that you just made
    some days in the past? Any sure?

    Look at my web blog; Leaf Max CBD

  26. info lengkap says:

    We’re a gaɡgle of volunteeｒs and opening a new ѕcheme iin oᥙr community.
    Yourг web ite provided us with useful information to ѡork
    on. Yߋu’ve perfогmed an impresssive job and
    our entire neighborhood willl likely be grateful to you.

    Also visit my site; info lengkap

  32. Oracle Leaf CBD Reviews says:

    After checking out a number of the blog posts on your website, I honestly appreciate your technique of writing a blog.
    I added it to my bookmark site list and will be checking back soon. Take a look at my web site
    too and let me know your opinion.

    Visit my webpage: Oracle Leaf CBD Reviews

  56. Nature Fused Cream says:

    Right here is the right web site for anyone who really wants to find
    out about this topic. You realize so much its almost tough to argue with you (not that I actually would want to…HaHa).
    You definitely put a brand new spin on a subject that’s been written about for
    many years. Wonderful stuff, just great!

    My web page – Nature Fused Cream

  62. Mireya says:

    I blog frequently and I truly appreciate your content. This article
    has really peaked my interest. I will bookmark your site
    and keep checking for new details about once a week. I subscribed to your Feed as well.

    Here is my web blog … Mireya

  73. Casino-X says:

    I love what you guys are up too. This type of clever
    work and reporting! Keep up the fantastic works guys I’ve added you guys
    to my blogroll.

  75. ゴッドオブウォー攻略 says:

    Have you ever considered creating an e-book or guest authoring
    on other sites? I have a blog based upon on the same topics you discuss and would love to have you share some stories/information. I know
    my readers would value your work. If you’re even remotely interested, feel free to shoot me an email.

  86. Libido Boost says:

    Howdy! I’m at work browsing your blog from
    my new apple iphone! Just wanted to say I love reading your blog and look forward to all your posts!
    Carry on the superb work!

    My site Libido Boost

  91. Nature Fused Cream says:

    I carry on listening to the news bulletin lecture about receiving boundless online grant applications so I
    have been looking around for the finest site to get
    one. Could you tell me please, where could i acquire some?

    my homepage Nature Fused Cream

  95. 더나인카지노 says:

    Helpful information. Lucky me I discovered your site accidentally, and
    I’m stunned why this twist of fate didn’t came about in advance!
    I bookmarked it.

  100. coin casino says:

    Heya i am for the primary time here. I found this
    board and I find It really useful & it helped me out a lot.
    I’m hoping to give something again and help others such as you aided me.

  113. Rhino Spark says:

    Can I simply just say what a comfort to discover somebody that truly understands what they’re discussing on the web.
    You certainly realize how to bring a problem to light and make
    it important. A lot more people need to look at this and understand this side of your story.

    I was surprised you are not more popular given that you
    most certainly have the gift.

    Look at my page – Rhino Spark

  122. Paramore Cream Review says:

    Its like you read my mind! You appear to know so much about this, like you wrote the
    book in it or something. I think that you could do with a few pics to drive the message home a little bit,
    but other than that, this is magnificent blog. A great read.

    I’ll definitely be back.

    my homepage :: Paramore Cream Review

  123. Keto Redux Reviews says:

    I blog frequently and I genuinely appreciate your
    content. The article has truly peaked my interest.

    I will bookmark your blog and keep checking for new details about once per week.
    I opted in for your RSS feed too.

    Also visit my web site – Keto Redux Reviews

  127. Paramore Cream Reviews says:

    Wonderful blog! Do you have any recommendations for aspiring writers?
    I’m planning to start my own website soon but I’m
    a little lost on everything. Would you recommend starting with a free platform like WordPress or go for a paid option? There are so many choices out
    there that I’m completely confused .. Any tips?
    Kudos!

    My blog – Paramore Cream Reviews

  129. zovre lioptor says:

    Normally I don’t read article on blogs, but I would like to say that this write-up very pressured me to try and do it! Your writing taste has been amazed me. Thank you, very great article.

  142. Erexzen says:

    Everyone loves what you guys tend to be up too. Such clever work and coverage!

    Keep up the very good works guys I’ve included you guys to
    my own blogroll.

    my website :: Erexzen

  149. 에비앙카지노 says:

    I have learn several excellent stuff here. Definitely
    price bookmarking for revisiting. I surprise how a lot effort you place to make such a fantastic informative website.

  153. KetoBHB Plus Review says:

    Thanks for your entire hard work on this website. Debby really loves participating in investigation and it’s
    really easy to understand why. Many of us
    hear all of the dynamic tactic you make effective guidelines by means of your website
    and as well as attract response from website visitors on the
    area of interest and our simple princess is always learning a lot.
    Take advantage of the remaining portion of the new year.
    You’re carrying out a useful job.

    Here is my web page; KetoBHB Plus Review

  157. 코인카지노 says:

    I was suggested this blog by my cousin. I am not
    sure whether this post is written by him as nobody else know such detailed
    about my difficulty. You are wonderful! Thanks!

  165. Rescue cream says:

    I like the valuable information you provide for your articles.
    I’ll bookmark your blog and check again right here frequently.
    I’m fairly sure I will be informed plenty of new stuff
    right right here! Best of luck for the following!

  171. vietbet bonus says:

    I am genuinely pleased to read this weblog posts which carries lots
    of valuable information, thanks for providing these statistics.

  176. CoolEdge AC says:

    Good site you have here.. It’s hard to find excellent writing
    like yours these days. I really appreciate individuals like you!
    Take care!!

    Take a look at my web page CoolEdge AC

  184. ViagRx says:

    I’ve been surfing on-line greater than three hours today,
    yet I never found any interesting article like yours.
    It’s beautiful worth sufficient for me. In my opinion, if all website owners
    and bloggers made good content material as you probably did, the net shall
    be a lot more useful than ever before.

    Feel free to surf to my blog ViagRx

  185. 퍼스트카지노 says:

    Its such as you learn my thoughts! You appear to know a lot about this,
    such as you wrote the ebook in it or something.
    I think that you just could do with some percent to drive the message home a bit, but other than that, that is wonderful
    blog. A fantastic read. I’ll definitely be back.

  199. D-Fine8 Ingredients says:

    Having read this I thought it was really informative.
    I appreciate you finding the time and energy to put this informative article together.
    I once again find myself personally spending a
    significant amount of time both reading and leaving comments.
    But so what, it was still worth it!

    Feel free to visit my website D-Fine8 Ingredients

  212. 카지노 says:

    I’m impressed, I have to admit. Seldom do I encounter a blog that’s
    equally educative and engaging, and let me tell you, you have hit the nail on the head.
    The issue is something not enough folks are speaking intelligently
    about. I am very happy that I found this during my hunt for something relating to this.

  220. Leafy Living CBD says:

    Howdy! This is my first visit to your blog! We are a team of volunteers and
    starting a new initiative in a community in the same niche.
    Your blog provided us useful information to work on. You have done
    a outstanding job!

    Feel free to surf to my homepage … Leafy Living CBD

  227. Hydra Riche Skin Serum says:

    I was curious if you ever thought of changing the structure of your site?
    Its very well written; I love what youve got to say. But maybe you
    could a little more in the way of content so people could connect with it better.
    Youve got an awful lot of text for only having one or two pictures.
    Maybe you could space it out better?

    My blog; Hydra Riche Skin Serum

  247. Tina says:

    Wow! This could be one particular of the most helpful blogs We have ever arrive across
    on this subject. Basically Fantastic. I’m also an expert in this topic so I can understand your hard work.

    Take a look at my blog post; Tina

  255. Online Casino says:

    Hey there! Someone in my Facebook group shared this website with us so I came to look
    it over. I’m definitely enjoying the information. I’m bookmarking and will be tweeting this to my followers!
    Excellent blog and excellent style and design.

  306. Solvolt Reviews says:

    Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your
    point. You obviously know what youre talking about, why waste your
    intelligence on just posting videos to your blog when you
    could be giving us something enlightening to read?

    Take a look at my web blog; Solvolt Reviews

  315. ネットカジノ says:

    Hey There. I discovered your weblog the usage of msn. This is a very smartly written article.
    I’ll be sure to bookmark it and come back to read more
    of your useful info. Thank you for the post.
    I will certainly return.

  325. 우리카지노 says:

    Hello there, I found your web site by way of Google whilst searching
    for a comparable matter, your site came up, it seems good.
    I’ve bookmarked it in my google bookmarks.
    Hi there, simply turned into alert to your weblog through Google,
    and located that it is really informative. I am gonna watch out
    for brussels. I’ll be grateful if you continue this in future.
    Numerous people might be benefited out of your writing.

    Cheers!

  335. 더킹카지노 says:

    Hello just wanted to give you a brief heads up and let you know a few of the
    images aren’t loading properly. I’m not sure why but I think its a linking issue.

    I’ve tried it in two different web browsers and both show the same outcome.

  345. 빅카지노 says:

    Greetings from Colorado! I’m bored to tears
    at work so I decided to check out your blog on my iphone
    during lunch break. I really like the information you provide
    here and can’t wait to take a look when I get home.
    I’m surprised at how quick your blog loaded on my cell phone ..
    I’m not even using WIFI, just 3G .. Anyhow, amazing site!

  351. 더나인카지노 says:

    I do accept as true with all of the concepts you’ve presented for your post.
    They are really convincing and will certainly work.

    Still, the posts are very brief for newbies. May you please prolong them a bit from subsequent
    time? Thank you for the post.

  356. zovrelioptor says:

    I have not checked in here for some time as I thought it was getting boring, but the last few posts are great quality so I guess I’ll add you back to my everyday bloglist. You deserve it my friend 🙂

  397. 우리카지노 says:

    Hi every one, here every person is sharing these experience, therefore it’s
    good to read this website, and I used to pay a
    visit this webpage all the time.

  406. 우리카지노 says:

    I loved as much as you will receive carried out
    right here. The sketch is tasteful, your authored material stylish.
    nonetheless, you command get bought an shakiness over that
    you wish be delivering the following. unwell unquestionably come more
    formerly again since exactly the same nearly very often inside case you shield this increase.

  445. acciident says:

    After I initially left a comment I seem to have clicked the -Notify me when new comments are added- checkbox
    and from now on each time a comment is added I receive four emails with the same comment.
    Perhaps there is a way you are able to remove me from that service?
    Thanks!

  453. car brands says:

    I do believe all of the ideas you have presented to your post.
    They’re very convincing and will definitely work.
    Nonetheless, the posts are very quick for starters. May just
    you please lengthen them a bit from subsequent time?
    Thank you for the post.

Trả lời

Email của bạn sẽ không được hiển thị công khai.

093 608 8928