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ệnTùy biếnStyleCustom CSSCustom 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/

5/5 - (1 bình chọn)

Tạo menu xổ ngang trong widget area

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.