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, người mua cùng theo dõi tuần tự bao giờ bước một nhé! chỉnh sửa CSS tùy chỉnh trong theme người mua copy toàn bộ đ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 mua hiểu về CSS thì sẽ nhậ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: các bạn có lẽ điều chỉnh mã màu nền
Lời kết hưởng thụ thành quả sau khi chuyển đổi 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/