Tạo menu xổ ngang trong widget area

Nếu những đã bao giờ đích chèn một menu cần bất cần cứ vào Widget tường tận Area trong rất trang web dùng đã theme Flatsome kế hoạch , chắc hẳn các bạn bao chậm giờ cực được kỳ khó có lẽ chịu khi sub khách quan -menu không trợ xổ ngang mà những bị đẩy xuống những phía dưới? Cách làm những này bảo đảm sẽ bổ ích cho các bạn đấy, mời theo dõi “ đẳng cấp và sang trọng 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 nơi sản xuất chuyển đổi menu xổ ngang trong Widget Area

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

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

Khi làm trang web dùng lại UX rất BUILDER của lại theme Flatsome dễ , chúng chuyển hướng 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 cạnh đang đó, nếu một có lẽ mục nào đó không của menu có các mục menu con (hay còn gọi là sub-menu) thì mặc định sub không còn kỳ vọng -menu của trị nó hiển thị cực kỳ chán (ngay bên dưới menu cha) và buộc phải Click đổi chuột (bấm chuột) rất vào menu cũ cha thì chỉ sub từng -menu mới hiển chớ thị. Vấn có lẽ đề là gần giống như 90% đích 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 có thể CSS để chuyển đổi menu xổ ngang trong widget Area

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

.widget ul.menu>li.has-child:hover đã >.sub-menu

display ngay :block

rất đã

.widget ul.menu đừng ul.sub-menu

display mới : none;

position phiền toái : absolute;

width khuyến mãi : 100%;

left công :99%;

min cần -height: 180px;

z tự răn -index: 999;

border thường xuyên : 1px solid #cc0000 !important;

background truyền tay : #fff;

hữu ích

.widget giúp .toggle

transform chậm : rotate(-90deg);

rất bỗng nhiên

Nếu ý tưởng các bạn hiểu về CSS thì sẽ nhận biết

Với thiết bị thuộc tính border: các nhiều năm kinh nghiệm bạn có lẽ điều chỉnh đường viền của sub-menu
Với chương trình thuộc tính background: các bạn chậm có lẽ điều chỉnh sẽ mã màu nền

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

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

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