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 code CSS đơn giản dễ dàng thôi, người dùng cùng theo dõi tuần tự từng bước một nhé! đổi mới CSS tùy chỉnh trong theme các bạn copy tất cả đ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 khách hàng hiểu về CSS thì sẽ phân biệt

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