Nếu dễ chịu đã bao giờ chèn một menu bất có nơi cứ vào Widget ngay Area trong mặt hàng trang web dùng theme Flatsome khẳng định , chắc cả hẳn các rất bạn bao giờ nhất cực kỳ khó chịu khi sub ngay -menu không vận động xổ ngang mà lại bị đẩy xuống phía bỗng nhiên dưới? Cách cần 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 menu xổ ngang lắm trong Widget thôi Area của bỗng nhiên theme Flatsome” và sửa giao diện menu mobile trong theme Flatsome bằng CSS!!

Cách trong vòng chuyển đổi menu xổ ngang trong Widget Area

Lưu ý: bài dễ này chỉ cũ Chương trình chính với trang web nào chạy theme Flatsome !

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

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

Vấn malware đề 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 thiết kế tập CSS tùy chỉnh trong theme các chưa bạn copy đa thường số đoạn thường code CSS sau rồi bỏ vào Giao đơn giản dễ dàng diện – Tùy biến – Style – Custom không tính phí CSS – Custom nhà phân phối CSS nhé:

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

.widget cả ul.menu>li.has-child:hover >.sub-menu display đừng :block rất nhanh .widget ngao ngán ul.menu ul.sub-menu display chính bởi : none; position tiên tiến : absolute; width vận động : 100%; left nên có :99%; min diễn tả -height: 180px; z thứ -index: 999; border nhanh gọn lẹ : 1px solid #cc0000 !important; background chủ gia đình : #fff; hữu ích .widget có nghĩa .toggle transform site : rotate(-90deg); rất

Nếu các bạn được hiểu về CSS lắm thì sẽ nhất nhận biết

• Với loại hình thuộc tính border: các test bạn có lẽ điều chỉnh đường viền của sub-menu
• Với đặt chỗ thuộc tính background: các vẫn bạn có lẽ điều đích chỉnh mã mới màu nền

Lời có nơi kết hưởng thụ kết quả sau khi chuyển đổi đột nhiên menu xổ ngang nhất trong widget sẽ Area

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

https phát minh ://sieutocviet.page/ui-ux-la-gi/ https://sieutocviet.page/tuy-bien-contact-form-7/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/