Nếu mặt hàng đã bao giờ chèn một menu bất sắc màu cứ vào Widget loại hình Area trong được trang web sẽ dùng theme Flatsome luôn , chắc rất hiếm hẳn các bạn bao giờ cực kỳ khó chịu khi sub cả nước -menu không gia hạn xổ ngang mà có thể bị đẩy xuống rất phía dưới? Cách lại làm này bảo đảm sẽ bổ ích cho các bạn đấy, mời theo dõi “Cách tạo những menu xổ ngang trong chưa Widget Area của chậm theme Flatsome” và sửa giao diện menu mobile trong theme Flatsome bằng CSS!!

Cách chuyển đổi có lẽ menu xổ ngang được trong Widget Area

Lưu liên tục và thường xuyên ý: bài này chỉ Chương trình với trang web nào chạy theme Flatsome !

Cách nhận cả biết vấn đề đã khi bắt lại đầu chuẩn bị chuyển đổi menu xổ ngang widget Area

Khi không thể làm trang chậm web dùng UX đột nhiên BUILDER của chờ đợi theme Flatsome chính vì , chúng rất ta có thôi lẽ thêm thôi một menu nào đó vào vị trí bất cứ trong trang dùng element “Wideget A đích rea”. Bên giảm cạnh đó, nếu một mục nào đó của menu có các mục menu con (hay còn gọi là sub-menu) thì mặc định sub cho -menu của nó hiển không thị cực lại kỳ chán (ngay bên đã dưới menu cha) và buộc phải Click chính chuột (bấm chuột) những vào menu cha thì sub chớ -menu mới phương tiện hiển thị. Vấn đề là gần giống như 90% các bạn Việt Nam không ưa kiểu hiển thị này, người ta quen với kiểu hiển thị menu con xổ ngang bên phải khi rê chuột vào menu Cha.

Sửa cùng lúc CSS để chuyển đổi menu xổ ngang trong widget Area

Vấn đề sẽ được nhất giải quyết hoàn dễ toàn chỉ đột nhiên với một vài dòng code CSS dễ dàng thôi, các bạn cùng theo dõi tuần tự bao giờ bước một nhé! biên giao tập CSS tùy chỉnh trong theme các tình hình bạn copy đa số đoạn code CSS sau rồi bỏ vào Giao người quản trị diện – Tùy biến – Style – Custom thú vị CSS – Custom cuốn hút nhất CSS nhé:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

.widget nhất ul.menu>li.has-child:hover >.sub-menu display đẳng cấp và sang trọng :block rất .widget mới ul.menu ul.sub-menu display khả năng : none; position lại : absolute; width lắm : 100%; left mới :99%; min lại -height: 180px; z code bẩn -index: 999; border: 1px chưa solid #cc0000 !important; background lựa chọn : #fff; hữu ích .widget centos .toggle transform setup : rotate(-90deg); rất

Nếu các không bạn hiểu có lẽ về CSS đừng thì sẽ nhận biết

• Với thuộc sẽ tính border: các bạn có đừng lẽ điều cũng chỉnh đường đang viền của sub-menu
• Với thuộc đang tính background: các bạn mới có lẽ luôn điều chỉnh mã đích màu nền

Lời kết nhanh hưởng thụ kết đừng quả sau nhất khi chuyển đổi menu nhất xổ ngang trong widget có thể Area

Các demo bài liên quan:

https://sieutocviet.page/ui-ux-la-gi/ nhất https://sieutocviet.page/tuy-bien-contact-form-7/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/ rất