Cách Sửa Hiển Thị Menu Cấp 3 Trên Theme Flatsome

Cách sửa hiển thị Menu cấp 3 trên theme Flatsome

0Shares
Image

Không biết các bạn như thế nào chứ mình thì thấy cái menu cấp 3 của Flatsome nó hiển thị rất chuối. Mặc dù là nó có chia cột để bỏ chung tất cả các cấp menu vào chung một dropdown, nhưng mà mình thấy nó vẫn xấu thế nào ấy. Xem hình dưới bạn sẽ thấy ý mình muốn nói.

Cach sua hien thi Menu cap 3 tren theme Flatsome 2

Cho nên ở bài viết này Ngọc Nguyễn sẽ hướng dẫn bạn cách sửa hiển thị Menu cấp 3 trên theme flatsome như hình dưới nhé, đây là cách hiển thị cổ điển, mình thấy kiểu hiển thị như này vẫn dễ nhìn hơn.

Cach sua hien thi Menu cap 3 tren theme Flatsome

Cách sửa hiển thị Menu cấp 3 trên theme Flatsome

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

Bạn copy toàn bộ code CSS bên dưới vào mục tùy chỉnh theme Flatsome. Có nhiều cách để bạn thêm nhé, bạn tham khảo một trong 3 cách này để thêm

1. Flatsome -> Advanced -> Custom CSS -> Dán code CSS vào khung “ALL SCREENS”.

2. Giao diện > Tùy chỉnh > Style > Custom CSS > Dán code CSS vào khung Custom CSS.

3. Giao diện > Tùy chỉnhAdditional CSS, rồi dán code CSS vào đây.

Lưu lại và ta sẽ có kết quả như hình nha.

Cach sua hien thi Menu cap 3 tren theme Flatsome

Bước 2: Chỉnh màu Nền (Background) cho phù hợp

Cần biết một tý kiến thức về CSS để có thể tùy biến đoạn code lại theo ý của bạn. Nhưng dưới là 2 chỗ mà bạn có thể thay đổi mã màu để phù hợp với thương hiệu của bạn nha.

-> #db0000: Màu hiển thị menu cấp 3 (là cái màu nền Menu cấp 3 khi mình rê chuột vào đó). Code này là ở dòng 4 nha.

-> #fbae3c: Màu hiển thị menu cấp 2 (là cái màu nền Menu cấp 2 khi mình rê chuột vào đó). Code này là ở dòng 6 nha.

Sau khi xong hết thì Save lại và kiểm tra thành quả thôi.

Kết luận

Vậy là với vài dòng CSS thì bạn có thể tự sửa hiển thị Menu cấp 3 trên theme Flatsome được rồi nhé. Cũng đơn giản phải không nào. Nếu chưa làm được thì cứ liên hệ mình hỗ trợ cho nha.

Chúc bạn thành công! Nếu thấy hay thì ngại gì không donate ^^.

0Shares
2 Comments Text
  • 📆 WALLET ALERT; Suspicious transaction of 0.9 BTC. Cancel? => https://graph.org/COLLECT-BTC-07-23?hs=61709ec8d68355535c27d85e201d01b0& 📆 viết:
    Bình luận của bạn đang chờ kiểm duyệt. Đây là bản xem thử, bình luận sẽ chỉ hiển thị nếu được duyệt.
    az3qwj
  • ⚙ 🔄 Bitcoin Transfer - 1.15 BTC unclaimed. Go to receive > https://graph.org/TAKE-YOUR-BITCOIN-07-23?hs=61709ec8d68355535c27d85e201d01b0& ⚙ viết:
    Bình luận của bạn đang chờ kiểm duyệt. Đây là bản xem thử, bình luận sẽ chỉ hiển thị nếu được duyệt.
    tz1bqc
  • Leave a Reply

    Gia nh Ngc Nguyn
    Xin Chào! Mình là Ngọc Nguyễn
    Mình chuyên cung cấp các dịch vụ thiết kế Website, dịch vụ Hosting, Active license Plugin + theme bản quyền.
    Image Not Found

    TÀI NGUYÊN FREE

    CHUYÊN MỤC

    2 Bình luận
  • 📆 WALLET ALERT; Suspicious transaction of 0.9 BTC. Cancel? => https://graph.org/COLLECT-BTC-07-23?hs=61709ec8d68355535c27d85e201d01b0& 📆 viết:
    Bình luận của bạn đang chờ kiểm duyệt. Đây là bản xem thử, bình luận sẽ chỉ hiển thị nếu được duyệt.
    az3qwj
  • ⚙ 🔄 Bitcoin Transfer - 1.15 BTC unclaimed. Go to receive > https://graph.org/TAKE-YOUR-BITCOIN-07-23?hs=61709ec8d68355535c27d85e201d01b0& ⚙ viết:
    Bình luận của bạn đang chờ kiểm duyệt. Đây là bản xem thử, bình luận sẽ chỉ hiển thị nếu được duyệt.
    tz1bqc
  • Để lại bình luận