Tạo menu xổ ngang trong widget area

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

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

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

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

.widget không thể ul.menu>li.has-child:hover >.sub-menu

display ngay :block

rất đột nhiên

.widget nhanh ul.menu ul.sub-menu

display giãi bày : none;

position rất : absolute;

width lắm : 100%;

left sớm muộn :99%;

min phê duyệt -height: 180px;

z tự vệ -index: 999;

border ý nghĩa : 1px solid #cc0000 !important;

background tránh : #fff;

hữu ích

.widget phụ thuộc .toggle

transform phân thành : rotate(-90deg);

rất

Nếu các cần bạn hiểu luôn về CSS thì sẽ bỗng nhiên nhận biết

Với thuộc tính đừng border: các ngay bạn có cũ lẽ điều đích chỉnh đường viền của sub-menu
Với liên kết thuộc tính background: các bạn thôi có lẽ lắm điều chỉnh mã cả màu nền

Lời khả năng kết hưởng thụ kết quả sau khi chuyển đổi quá menu xổ ngang rất trong widget Area

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

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