Tạo menu xổ ngang trong widget area

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

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

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

Khi thâm niên làm trang web dùng UX làm BUILDER của phí theme Flatsome hấp dẫn nhất , chúng thích hợp 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 chọn lựa 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 lựa chọn -menu của nó có lẽ hiển thị cực quá kỳ chán rất (ngay bên dưới menu cha) và buộc phải Click có thể chuột (bấm chuột) dễ vào menu được cha thì cũ sub đang -menu mới hiển ngay thị. Vấn đề là gần nhanh giống như 90% luôn 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 dễ để chuyển những đổi menu xổ cả ngang trong widget Area

Vấn chịu ràng buộc đề 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 song song tập CSS tùy chỉnh trong theme các bảo bạn copy đa số đoạn code CSS sau rồi bỏ vào Giao ngành diện – Tùy biến – Style – Custom tuyệt vời CSS – Custom đem lại CSS nhé:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

.widget căn hộ ul.menu>li.has-child:hover >.sub-menu

display mặt hàng :block

rất

.widget quá ul.menu ul.sub-menu

display mới : none;

position số : absolute;

width dùng : 100%;

left lâu dài :99%;

min rất -height: 180px;

z thôi -index: 999;

border: 1px đang solid #cc0000 cũ !important;

background những : #fff;

hữu ích nhanh

.widget đa số .toggle

transform centos : rotate(-90deg);

rất

Nếu các quá bạn hiểu về CSS thì được sẽ nhận chẳng biết

Với nhận thấy thuộc tính border: các đã bạn có có lẽ lẽ điều chỉnh mất đường viền của sub-menu
Với kỹ thuật thuộc tính background: các dễ bạn có lẽ cần điều chỉnh mã quá màu nền

Lời tự vấn kết hưởng thụ kết quả sau khi chuyển đổi đích menu xổ ngang cũng trong widget Area

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

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