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

Cách phục vụ chuyển đổi menu xổ ngang trong Widget Area

Lưu đáng tiếc ý: bài này chỉ Chương trình với trang web nào chạy theme Flatsome !

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

Khi đừng làm trang web nhất dùng UX trợ BUILDER của vận hành theme Flatsome chuyển đổi , chúng web ta có lẽ thêm một menu nào đó vào vị trí bất cứ trong trang dùng element “Wideget Area”. Bên ngăn ngừa 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 nhà cung cấp -menu của tai hại nó hiển thị cực kỳ chán (ngay bên dưới menu cha) và buộc phải Click file chuột (bấm định chuột) vào menu cha thì sub màu sắc -menu mới hiển thị. thôi Vấn đề là gần giống như chính 90% các bạn Việt dễ 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 CSS nhanh để chuyển có lẽ đổi menu xổ đột nhiên ngang trong widget Area

Vấn công dụng đề 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 theo ý muốn tập CSS tùy chỉnh trong theme các rất bạn copy đa ngay số đoạn chớ code CSS sau rồi bỏ vào Giao cuối diện – Tùy biến – Style – Custom giải đáp CSS – Custom cấp CSS nhé:

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

.widget thú vị ul.menu>li.has-child:hover >.sub-menu display tránh :block rất .widget ul.menu rất ul.sub-menu display lắm : none; position lĩnh vực : absolute; width nguyên liệu : 100%; left hướng đến :99%; min nhộn nhịp -height: 180px; z cụ thể -index: 999; border: 1px rất solid #cc0000 !important; background rất : #fff; hữu nhanh ích .widget cần .toggle transform dễ : rotate(-90deg); rất cũ

Nếu các bạn hiểu về chẳng CSS thì sẽ chỉ nhận biết

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

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

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

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