• Login
No Result
View All Result
  • All posts
  • Đời sống
  • Covid19
  • Chính trị
  • Kinh tế
  • Công nghệ
  • Sức khỏe
  • Thương hiệu
  • Cộng đồng mạng
  • Xe
  • Sức khỏe tình dục
  • Địa phương
  • Điểm Check In
  • bảng giá xe
  • Việc làm
  • Thiết kế website
  • Văn hóa
  • Giải trí
  • Sự kiện
  • Nông sản
  • Download
  • Thiết kế
  • Video
  • Ẩm thực
  • Toplist uy tín tại  Bắc Ninh
  • Nhà cửa
  • Hoa cây cảnh
  • Bầu bí
  • Thể thao
Home News

Chỉnh Sửa Menu Mega của FlatSome Thành Menu 3 Cấp

17/03/2021
in News
0 0
A A
0
0
SHARES
0
VIEWS
Share on FacebookShare on Twitter

Menu cấp 2 của Flatsome hiện đang là vertical 1 cột. Nhưng khi bạn tạo thêm một sub-menu cho menu cấp 2 thì Flatsome sẽ tự động chuyển sang menu mega. Điều này tạo cho bạn một cách phân menu khoa học hơn, rõ ràng hơn.
Nhưng đó là khi menu nào cũng có sub-menu, còn không có sub-menu thì thật là kì. Và đặc biệt hơn bạn cần đổi từ MegaMenu sang Dropdown Menu 3 cấp thì làm sao. Hôm nay mình sẽ hướng dẫn bạn làm.

Bước 1: Copy đoạn css bên dưới vào customize css hoặc vào file css child theme Flatsome

.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1pxsolid#ddd;padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal!important;text-transform:none!important;font-size:15px;font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:#FF6633}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#FF00FF}
.nav-dropdown-default>li>a{border-bottom:0!important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width:10px;
margin-left:-10px;}
.nav-dropdown .nav-dropdown-col>ul{border:1pxsolid#d2d2d2;margin-top:-40px;box-shadow:2px2px5px#828282;display:none;position:absolute;
left:100%;z-index:9;background:white;min-width:240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;text-transform:none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}

Bước 2: Lưu lại & Hoàn thành

Bạn nên xem thêm

Khám phá Tóp 10 công cụ hội thảo trực tuyến miễn phí được đánh giá cao

Những mẫu xe quen thuộc hoặc bạn mới lần đầu nghe tên nhưng sắp bị khai tử

Như vậy là đã xong bạn đã chuyển menu mega của flatsome sang menu 3 cấp dropdown.
Hy vọng bài này mang đến sự bổ ích cho bạn.

How useful was this post?

Click on a star to rate it!

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

ShareTweetShare
Previous Post

Cách chỉnh sửa CSS menu 3 cấp trên theme Flatsome

Next Post

Bắc Ninh Bắc Giang một thời

Related Posts

Khám phá Tóp 10 công cụ hội thảo trực tuyến miễn phí được đánh giá cao
News

Khám phá Tóp 10 công cụ hội thảo trực tuyến miễn phí được đánh giá cao

02/10/2023
Những mẫu xe quen thuộc hoặc bạn mới lần đầu nghe tên nhưng sắp bị khai tử
News

Những mẫu xe quen thuộc hoặc bạn mới lần đầu nghe tên nhưng sắp bị khai tử

02/10/2023
Kỳ vọng của các ‘đại gia công nghệ’ Mỹ khi đầu tư vào Việt Nam
Kinh tế

Kỳ vọng của các ‘đại gia công nghệ’ Mỹ khi đầu tư vào Việt Nam

30/09/2023
Nỗi khổ của những nước tịch thu siêu du thuyền từ tài phiệt Nga
News

Nỗi khổ của những nước tịch thu siêu du thuyền từ tài phiệt Nga

27/09/2023
Có nên trồng hoa tường vi trước nhà?
News

Có nên trồng hoa tường vi trước nhà?

27/09/2023
Hài hước khi thầy cô giáo tình cờ cosplay đồ dùng học tập
News

Hài hước khi thầy cô giáo tình cờ cosplay đồ dùng học tập

27/09/2023
Pháp tuyên bố rút quân khỏi Niger
News

Pháp tuyên bố rút quân khỏi Niger

25/09/2023
Xem cách các con trẻ trả lời các câu này bạn sẽ nhân ra chúng ta đang áp đặt các con theo lối mòn cũ hay cần để trẻ tự do sáng tạo
News

Xem cách các con trẻ trả lời các câu này bạn sẽ nhân ra chúng ta đang áp đặt các con theo lối mòn cũ hay cần để trẻ tự do sáng tạo

20/09/2023
Load More
Next Post
Bắc Ninh Bắc Giang một thời

Bắc Ninh Bắc Giang một thời

5 bộ phim kinh dị của Việt Nam thành công và nên xem

5 bộ phim kinh dị của Việt Nam thành công và nên xem

Google WorkSpace – Dịch vụ email theo tên miền số 1 cho doanh nghiệp

Google WorkSpace - Dịch vụ email theo tên miền số 1 cho doanh nghiệp

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

https://www.youtube.com/watch?v=jKKZisB4QLA

Archives

Test Drive

Moto1
News

Lamborghini Grew Rapidly During Its First Decade

30/07/2023
Moto5
Comparison

Drag Race! Audi SQ7 Vs Porsche Panamera

26/07/2023
Moto9
Comparison

Lexus LC500 vs Honda Civic Type R | Top Gear: Series 25

22/07/2023
Moto1
Modification

Porsche Cayman: History Doesn’t Repeat, but It Rhymes

21/07/2023

Categories

  • Ẩm thực
  • bảng giá xe
  • Bầu bí
  • Chính trị
  • Comparison
  • Cộng đồng mạng
  • Công nghệ
  • Covid19
  • Doanh nhân doanh nghiệp
  • Download
  • Đánh giá xe
  • Địa phương
  • Điểm Check In
  • Đời sống
  • Được đề xuất
  • Giải trí
  • Gửi tiết kiệm
  • Hoa cây cảnh
  • Hosting
  • Hưng Yên
  • Khoa học
  • Kinh tế
  • Làm đẹp
  • Mê xe
  • Modification
  • News
  • Nghệ thuật ca hát
  • Nhà cửa
  • Nông sản
  • Pháp luật
  • Phim ảnh
  • Review
  • Sự kiện
  • Sức khỏe
  • Sức khỏe tình dục
  • Test Drive
  • Thể thao
  • Thiết kế
  • Thiết kế website
  • Thời trang
  • Thương hiệu
  • Toplist
  • Toplist uy tín tại  Bắc Ninh
  • Tư vấn xe
  • Ưu đãi Tên miền
  • Văn hóa
  • Video
  • Việc làm
  • Xe
© 2023 Kinh Bắc Web Blog's - Chuyên tư vấn thiết kế website xây dựng thương hiệu tại Bắc Ninh Kinh Bắc Web.

pendik escort pendik escort pendik escort sex hikaye backlink al backlink sales backlink satış backlink satış buy backlinks buy backlinks da pa sorgula free backlinks google rank checker google seo googlede üst sıraya çıkmak hacklink al hacklink nedir hacklink panel hacklink seo r57 shell search engine optimization seo SEO Tools seo uyumlu makale sitem kaçıncı sırada tanıtım yazısı pendik escort ataşehir escort Cialis 100 mg Cialis 100 mg cialis 100 mg Cialis 100 mg Cialis 100 mg 30 tablet Cialis 100 mg jel Cialis 100 mg orjinal satış sitesi Cialis 20 mg Cialis 20 mg Cialis 20 mg Cialis 20 mg Cialis 20 mg Cialis 5 mg Cialis 5 mg Cialis 5 mg Cialis 5 mg Cialis 5 mg 28 tablet cialis fiyat cialis fiyat cialis fiyat cialis fiyat cialis fiyat cialis fiyat Cialis fiyat 2023 cialis fiyatı Cialis fiyatları Cialis jel Cialis jel cialis jel Viagra 100 mg Viagra 100 mg Viagra 100 mg 30 tablet Viagra fiyat Viagra fiyat Viagra fiyat Viagra fiyat 2023 Viagra fiyat 2023 Viagra fiyatları Viagra krem Viagra satış sitesi Viagra satış sitesi adana escort adana escort bahis Bahis Siteleri Bedava Bonus Veren Bahis Siteleri bodrum vip transfer canlı bahis canlı sohbet hattı canlı sohbet hattı çeşme vip transfer Deneme Bonusu Veren Bahis Siteleri denizli escort eryaman escort eryaman escort fal hatları fal hattı gaziantep escort gaziantep escort gaziantep escort Hoşgeldin Bonusu Veren Bahis Siteleri kayseri escort mersin escort mersin escort sohbet hatları sohbet hatları sohbet hattı sohbet hattı telefonda fal holiganbet bahis bahis siteleri bedava bonus bedava bonus veren bahis siteleri canlı bahis canlı casino antalya escort eskişehir escort konya escort da pa checker kartal escort mersin falcı izmir escort kayseri escort kütahya escort samsun escort kurtkoy escort tuzla escort gebze escort anamur escort en iyi bet siteleri güvenilir bahis siteleri kız kalesi escort kızkalesi escort lisanslı bahis siteleri mersin escort mezitli escort pozcu escort rulet siteleri silifke escort susanoğlu escort tarsus escort yenişehir escort

No Result
View All Result
  • All posts
  • Đời sống
  • Covid19
  • Chính trị
  • Kinh tế
  • Công nghệ
  • Sức khỏe
  • Thương hiệu
  • Cộng đồng mạng
  • Xe
  • Sức khỏe tình dục
  • Địa phương
  • Điểm Check In
  • bảng giá xe
  • Việc làm
  • Thiết kế website
  • Văn hóa
  • Giải trí
  • Sự kiện
  • Nông sản
  • Download
  • Thiết kế
  • Video
  • Ẩm thực
  • Toplist uy tín tại  Bắc Ninh
  • Nhà cửa
  • Hoa cây cảnh
  • Bầu bí
  • Thể thao

© 2023 Kinh Bắc Web Blog's - Chuyên tư vấn thiết kế website xây dựng thương hiệu tại Bắc Ninh Kinh Bắc Web.

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In