Thủ thuật, Blog Wordpress, CSS Ngày 13/10/2022 10469 lượt xem

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

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…

Lê Anh ĐôngFlatsome trên Google News

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

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.

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!

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

Bước 1: Thêm CSS vào tùy chỉnh CSS của theme –  CSS menu 3 cấp trên theme Flatsome

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:

bạn chỉ cần lưu lại và xem kết quả nhé và đây là kết quả thực tế sau khi css nhé

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

Từ đoạn code  CSS menu 3 cấp trên theme Flatsome bạn có thể thay đổi màu nền menu , mày viền thậm chí mày Hover của chuột nhé

Nếu bạn ko làm được vui lòng commem bên dưới mình sẽ hộ trợ

 

Chúc bạn thành cồng !

Điểm 4.2/5 - ( Có 8 bình chọn)

Có Nhận xét cho "Cách chỉnh sửa CSS menu 3 cấp trên theme Flatsome"

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Các dịch vụ của FLATSOME.XYZ