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

Cách chuyển thôi đổi menu không thể xổ ngang quá trong Widget Area

Lưu ý: bài nhanh này chỉ Chương trình với không thể trang web nào có thể chạy theme Flatsome !

Cách nhận biết vấn mới đề khi bắt đầu những chuẩn bị chuyển đổi dễ menu xổ ngang widget Area

Khi làm nhất trang web cả dùng UX hành BUILDER của hàng đầu theme Flatsome thời kì , chúng mới ta có quá lẽ thêm chính một menu nào đó vào vị trí bất cứ trong trang dùng element “Wideget A không thể rea”. Bên cạnh đó, chớ nếu một mục bỗng nhiên nào đó của chỉ menu có các mục menu con (hay còn gọi là sub-menu) thì mặc định sub bỗng nhiên -menu của quá nó hiển cũ thị cực lại kỳ chán (ngay bên dưới menu cha) và buộc phải Click vòng vo chuột (bấm chuột) vào được menu nhanh cha thì mới sub tận nơi -menu mới trọng yếu 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 craw dữ liệu CSS để chuyển đổi menu xổ ngang trong widget Area

Vấn đã tạo nên đề sẽ được giải quyết hoàn toàn chỉ 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 khía cạnh tập CSS tùy chỉnh trong theme các CMS bạn copy đa số đoạn code CSS sau rồi bỏ vào Giao siêu diện – Tùy biến – Style – Custom hạn chế CSS – Custom cuốn hút CSS nhé:

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

.widget luôn ul.menu>li.has-child:hover >.sub-menu display lại :block rất vẫn .widget ul.menu cũng ul.sub-menu display dễ : none; position kế hoạch : absolute; width lan rộng : 100%; left sức khỏe :99%; min nhanh -height: 180px; z nhanh -index: 999; border: 1px solid nhất #cc0000 !important; background xin mang đến : #fff; hữu ích .widget ưu thế .toggle transform ngay : rotate(-90deg); rất những

Nếu các bạn hiểu mất về CSS chỉ thì sẽ thôi nhận biết

• Với công dụng thuộc tính border: các một cách khách quan bạn có lẽ điều chỉnh đường viền của sub-menu
• Với chống nước thuộc tính background: các bạn cũ có lẽ chẳng điều chỉnh mã chưa màu nền

Lời kết mới hưởng thụ mới kết quả chưa sau khi chuyển đổi menu ngay xổ ngang trong widget không thể Area

Các bài liên mới quan:

https://sieutocviet.page/ui-ux-la-gi/ cũng https://sieutocviet.page/tuy-bien-contact-form-7/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/ chẳng