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

Thực tế là menu cấp 2 của Flatsome là kiểu 1 cột dọc thông thường, không vấn đề gì. Tuy nhiên menu cấp 3 trở đi nó tự động chia ra nhiều cột bao gồm tên menu menu và menu con theo cột của nó. Việc phân chia cột như vậy cho cảm giác rất gọn gàng và khoa học vì tất cả menu menu đều có menu con.

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

Bài viết dựa trên trải nghiệm và làm việc thực tế, sử dụng theme Flatsome và WordPress 4.9. Do đó, hướng dẫn này 100% phù hợp với các bạn làm website sử dụng theme Flatsome. Đối với các chủ đề khác, nó dường như không hoạt động!

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

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

Sao chép toàn bộ mã CSS sau vào phần CSS tùy chỉnh của chủ đề. Sự quản lý > Trưng bày > Phong tục > Phong cách > CSS tùy chỉnh > CSS tùy chỉnh:

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

Từ mã Menu CSS 3 cấp trên theme Flatsome bạn có thể thay đổi màu nền menu, đường viền thậm chí là di chuột

Nếu không làm được hãy commem bên dưới mình sẽ giúp

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