{ Nếu đã từng chớ chèn một menu bất kỳ nhất vào Widget Area trong web dùng theme Flatsome, chắc hẳn quý khách thường lần nào vô cùng mới khó chịu khi sub-menu không xổ ngang mà bị đẩy xuống phía dưới? Cách làm này chắc chắn sẽ hữu dụng tặng lớn người dùng đấ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 đổi thay menu xổ ngang trong Widget Area

Lưu ý: bài này chỉ Phần mềm với website đừng nào chạy theme Flatsome !

Cách nhận diện vấn đề khi mở đầu vẫn chuẩn bị đổi thay menu xổ ngang widget Area

Khi thực hiện đầy đủ web site dùng UX BUILDER của theme Flatsome, chúng ta có thể thêm một menu nào đó vào vị trí bất kỳ đột nhiên trong trang dùng element “Wideget Area”. Ngoài ra, nếu một mục nào đó của menu sở hữu cả các mục menu con (hay còn liên hệ là sub-menu) thì mặc định sub-menu của nó hiển thị rất chán (ngay bên dưới menu cha) và buộc phải Click chuột (bấm chuột) vào menu cha thì sub-menu mới hiển thị. Vấn đề là gần như 90% khách hàng hàng 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 để đổi thay menu xổ ngang trong widget Area

Vấn đề sẽ được giải quyết hoàn toàn chỉ với một vài dòng lập trình mới CSS đơn giản thôi, người mua cùng theo dõi tuần tự từng sẵn sàng mới bước một nhé! đổi mới CSS tùy chỉnh trong theme người dùng copy hầu hết đoạn code CSS sau rồi bỏ vào Giao diện – Tùy biến – Style – Custom CSS – Custom CSS nhé:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

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

display:block

chẳng}

.widget ul.menu ul.sub-menu{

display: none;

position: absolute;

width: 100%;

left:99%;

min-height: 180px;

z-index: 999;

border: 1px solid #cc0000 !important;

background: #fff;

sớm}

.widget .toggle{

transform: rotate(-90deg);

lắm }

Nếu quý quý khách mới dài hiểu về CSS thì sẽ nhận ra

Với thuộc tính border: người dùng thường xuyên đột nhiên điều chỉnh đường viền của sub-menu
Với thuộc tính background: quý người dùng rất thường điều chỉnh mã màu nền

Lời kết hưởng thụ thành quả đầy đủ sau khi thay đổi chính menu xổ ngang trong widget Area

Các bài liên quan:

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

5/5 - (1 vote)

Tạo menu xổ ngang trong widget area