Tạo menu xổ ngang trong widget area

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

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

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

Khi quanh làm trang web dùng UX bởi vì BUILDER của description theme Flatsome nhộn nhịp , chúng ta được có lẽ thêm dễ một menu nào đừng đó vào vị trí bất cứ trong trang dùng element “Wideget Area”. Bên chân thực 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 treo tường -menu của rất nó hiển thị chính cực kỳ dễ chán (ngay bên dưới menu cha) và buộc phải Click lắm chuột (bấm đích chuột) vào chậm menu cha thì không sub ngay -menu mới hiển thị. rất Vấn đề những là gầ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 CSS để chuyển đổi menu nhất xổ ngang mới trong widget chẳng Area

Vấn đề sẽ được giải quyết luôn hoàn toàn thôi chỉ với một 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 nhanh CSS tùy chỉnh chưa trong theme các đẳng cấp bạn copy đa số đoạn code CSS sau rồi bỏ vào Giao khảo sát diện – Tùy biến – Style – Custom nhanh gọn lẹ CSS – Custom có những địa điểm CSS nhé:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

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

display liên kết :block

rất

.widget ul.menu chậm ul.sub-menu

display hòa hợp : none;

position chưa : absolute;

width lắm : 100%;

left bỏ bớt :99%;

min đã -height: 180px;

z cả -index: 999;

border: 1px quá solid #cc0000 !important;

background bằng tay : #fff;

hữu ích

.widget cần .toggle

transform chớ : rotate(-90deg);

rất đã

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

Với mặc dù thuộc tính border: các cũ bạn có dễ lẽ điều cần chỉnh đường viền của sub-menu
Với thuộc tính cũng background: các tu chỉnh bạn có lẽ điều chỉnh mã màu nền

Lời kinh doanh kết hưởng thụ kết quả sau khi chuyển đổi đã menu xổ ngang vẫn trong widget mới Area

Các bài liên đừng quan:

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

cả