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 thôi, người dùng cùng theo dõi tuần tự từng bước một nhé! thay đổi CSS tùy chỉnh trong theme các bạn copy tất cả đ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 người dùng hiểu về CSS thì sẽ phâ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: người mua khả năng cao điều chỉnh mã màu nền
Lời kết hưởng thụ thành 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/