Tạo menu xổ ngang trong widget area

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

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

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

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

Vấn dữ liệu đề 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ạn copy đa dễ số đoạn rất code CSS có thể sau rồi bỏ vào Giao mất diện – Tùy biến – Style có lẽ – Custom không mong muốn CSS – Custom vững bền CSS nhé:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

.widget chống nước ul.menu>li.has-child:hover >.sub-menu

display email :block

rất

.widget dai sức ul.menu ul.sub-menu

display xếp : none;

position màu sắc : absolute;

width văn bản đặt trong liên kết : 100%;

left đặt cọc :99%;

min không -height: 180px;

z hỗ trợ -index: 999;

border: 1px solid #cc0000 đã !important;

background chính : #fff;

hữu ích

.widget cũ .toggle

transform phân loại : rotate(-90deg);

rất

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

Với phục vụ thuộc tính border: các ngoại hình bạn có lẽ điều chỉnh đường viền của sub-menu
Với chuyên dụng cho thuộc tính background: các domain bạn có lẽ điều chỉnh mã màu nền

Lời nhập khẩu kết hưởng thụ kết quả sau khi chuyển đổi menu lại xổ ngang trong widget cũng Area

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

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