Sửa CSS để chuyển đổ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 và dễ dàng thôi, người mua cùng theo dõi tuần tự từng bước một nhé! biên tập CSS tùy chỉnh trong theme khách hàng 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 quý khách hiểu về CSS thì sẽ nhận ra
- Với thuộc tính border: người dùng có thể điều chỉnh đường viền của sub-menu
- Với thuộc tính background: người dùng 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/
Lê Trương Tấn Lộc (sieutocviet.vn)
Với 5 năm kinh nghiệm CSS, JS 6 năm thực chiến trong quản lý web site tư vấn giải pháp đẩy top, Kinh doanh online tối ưu nhất cho công ty.
Hiện giữ chức vụ giám đốc kinh doanh tại Siêu Tốc Việt.