Sửa CSS để chuyển đổi 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 CSS đơn giản thôi, khách hàng cùng theo dõi tuần tự lần nào bước một nhé! chỉnh sửa CSS tùy chỉnh trong theme các bạn copy mọi đoạn lập trình 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

.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;

.widget .toggle

transform: rotate(-90deg);

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

Với thuộc tính border: quý khách thường điều chỉnh đường viền của sub-menu
Với thuộc tính background: quý khách thường điều chỉnh mã màu nền

Lời kết hưởng thụ kết quả sau khi đổi thay 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 bình chọn)

Tạo menu xổ ngang trong widget area