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

Cách thiên hướng chuyển đổi menu xổ ngang trong Widget Area

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

Cách sang trọng nhận biết vấn đề khi bắt đầu chuẩn bị chuyển đổi menu xổ ngang widget Area

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

Sửa CSS để chuyển đổi menu chớ xổ ngang trong không thể widget Area

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

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

.widget không tính phí ul.menu>li.has-child:hover >.sub-menu display:block rất .widget ngành ul.menu ul.sub-menu display: none; position dễ dàng : absolute; width: 100%; left:99%; min đồ -height: 180px; z-index: 999; border Hồ Chí Minh : 1px solid #cc0000 !important; background sang sửa : #fff; hữu ích .widget .toggle transform dữ : rotate(-90deg); rất

Nếu di chuyển các bạn hiểu về CSS thì sẽ nhận biết

• Với có những địa điểm thuộc tính border: các cho dù bạn có lẽ điều chỉnh đường viền của sub-menu
• Với cực kỳ thuộc tính background: các truyền tay bạn có lẽ điều chỉnh mã màu nền

Lời âm trần kết hưởng thụ kết quả sau khi chuyển phương pháp đổi menu xổ ngang trong widget Area

Các kiểm tra bài liên quan:

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