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

Vấn đề sẽ được giải quyết triệt để chỉ với một vài dòng lập trình CSS đơn giản dễ dàng thôi, quý khách cùng theo dõi tuần tự từng bước một nhé! chỉnh sửa CSS tùy chỉnh trong theme khách hà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

.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: các bạn khả năng cao điều chỉnh đường viền của sub-menu
Với thuộc tính background: các bạn thường xuyên điều chỉnh mã màu nền