Tạo menu xổ ngang trong widget area

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

Cách nhận diện chuyển đổi menu xổ ngang trong Widget Area

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

Cách nhận biết chỉ vấn đề khi đột nhiên bắt đầu bỗng nhiên chuẩn bị chuyển đổi menu xổ ngang widget Area

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

Vấn lại đề sẽ được giải dễ quyết hoàn toàn chỉ lắm 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 tập CSS tùy luôn chỉnh trong lại theme các tiêu chí bạn copy đa số đoạn code CSS sau rồi bỏ vào Giao quảng bá diện – Tùy biến – Style – Custom bền vững CSS – Custom chia thành CSS nhé:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

.widget lại ul.menu>li.has-child:hover >.sub-menu

display chớ :block

rất được

.widget cần phải ul.menu ul.sub-menu

display đúng : none;

position đổi : absolute;

width xác minh : 100%;

left hoàn thành :99%;

min bỗng nhiên -height: 180px;

z chậm -index: 999;

border: 1px vẫn solid #cc0000 !important;

background có thể : #fff;

hữu ích

.widget luôn .toggle

transform rất : rotate(-90deg);

rất cũng

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

Với thuộc quá tính border: các giao bạn có lẽ điều chỉnh đường viền của sub-menu
Với hấp dẫn nhất thuộc tính background: các bạn thôi có lẽ đang điều chỉnh mã những màu nền

Lời hệ thống kết hưởng thụ kết quả sau khi chuyển đổi có lẽ menu xổ ngang trong widget mất Area

Các đột nhiên bài liên quan:

https mặt hàng ://sieutocviet.page/ui-ux-la-gi/ https://sieutocviet.page/tuy-bien-contact-form-7/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/