Trợ giúp

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

Posted on by admin
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

admin

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

  2. Pingback: viagra tablet buying low cost

  7. Pingback: cialis logo australia

  12. Pingback: sildenafil 100mg cheap

  21. Robert Fulkerson says:

    Whoa! This blog looks just like my old one! It’s on a totally different subject but it
    has pretty much the same layout and design.
    Outstanding choice of colors!

  33. Brian Jordan says:

    It’s perfect time to make some plans for the longer term and it is time to be happy.
    I’ve read this submit and if I may I want to counsel you few interesting things
    or suggestions. Maybe you can write next articles referring to this article.
    I wish to learn more issues about it!

  37. Charles Scholl says:

    I am sure this piece of writing has touched all
    the internet people, its really really pleasant piece of writing on building up
    new web site.

  39. Gayla Romero says:

    I need to to thank you for this great read!!

    I definitely enjoyed every little bit of it. I have you
    book-marked to look at new stuff you post…

  48. Colette Daffin says:

    Ahaa, its good conversation regarding this paragraph at this place at
    this web site, I have read all that, so now me also commenting here.

  54. Scott Kohout says:

    I’ve been browsing online more than 3 hours today, yet I by no means found any fascinating article like yours.
    It’s pretty worth sufficient for me. In my opinion, if all webmasters
    and bloggers made excellent content material as you did, the web
    shall be a lot more helpful than ever before.

  62. Rita Schaefer says:

    It’s perfect time to make some plans for the future and it’s time to be happy.

    I have learn this post and if I may I desire to recommend you few interesting issues or tips.
    Perhaps you could write next articles regarding this article.
    I want to learn more issues about it!

  65. Lorelei Espinal says:

    I will right away clutch your rss feed as I can not in finding your email
    subscription hyperlink or e-newsletter service. Do you’ve any?
    Kindly let me recognize so that I may subscribe. Thanks.

  68. Benjamin Webster says:

    I have been surfing online more than three hours today, yet
    I never found any interesting article like yours. It’s pretty worth enough
    for me. Personally, if all webmasters and bloggers
    made good content as you did, the net will be much more useful than ever before.

  78. Tamara Gilmore says:

    Howdy would you mind sharing which blog platform you’re working with?
    I’m planning to start my own blog in the near future but I’m having a difficult time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design and style seems different then most blogs and I’m looking for something unique.

    P.S Sorry for being off-topic but I had to ask!

  80. Robert Ferguson says:

    You’ve made some decent points there. I checked on the internet for more information about the issue and found
    most people will go along with your views on this website.

  82. Pingback: amoxicillin for children

  90. Pingback: how to take amoxicillin

  98. Pingback: chlamydia azithromycin dose

Trả lời

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

093 608 8928