Tạo menu xổ ngang trong widget area

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

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

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

Khi làm trang web mất dùng UX BUILDER của theme Flatsome, chúng ta có lẽ thêm một menu nào đó được vào vị trí bất cứ trong trang dùng element “Wideget Area”. Bên cạnh thường đó, nếu một mục nào đó của menu có các mục menu con (hay đích còn gọi là sub-menu) thì mặc định sub-menu của nó hiển thị cực lắm kỳ chán (ngay bên dưới menu cha) và buộc phải Click chuột (bấm được chuột) vào menu cha thì sub-menu mới hiển thị. Vấn đề là gần giống như có thể 90% các bạn Việt Nam không ưa kiểu hiển thị này, người có lẽ ta quen với kiểu hiển thị menu con xổ ngang bên phải đích khi rê chuột vào menu Cha.

Sửa CSS để chuyển đổi menu xổ ngang trong widget Area

Vấn đề sẽ được giải quyết mất hoàn toàn chỉ với một vài dòng code CSS dễ dàng thôi dễ , các bạn ưa chuộng cùng theo cần dõi tuần tự bao giờ bước một nhé! biên tập CSS tùy chỉnh trong theme các phát triển quá bạn copy đa số đoạn code CSS sau rồi bỏ vào Giao diện – Tùy biến – Style – Custom CSS – Custom CSS nhé: luôn

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

.widget ul.menu> cả ;li.has-child:hover >.sub-menu

display:block được

rất

.widget ul.menu ul.sub-menu

display: none đột nhiên ;

position: absolute;

width: 100%;

left:99%;

min-height: ngay 180px;

z-index: 999;

border: 1px solid #cc0000 thôi !important;

background: #fff;

hữu ích

.widget nhất .toggle

transform: rotate(-90deg);

rất

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

Với thuộc tính border: các bạn có lẽ điều chỉnh đừng đường viền của sub-menu
Với thuộc tính background: các bạn có lẽ điều chỉnh mã không thể màu nền

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

Các bài liên quan:

https://sieutocviet.page/ui-ux-la-gi/ quá https://sieutocviet.page/tuy-bien-contact-form-7/ cũng https://sieutocviet.page/cai-https-cung-really-simple-ssl/ chậm

5/5 - (1 vote)