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ệ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 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/

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

Tạo menu xổ ngang trong widget area

Lê Trương Tấn Lộc (sieutocviet.org)

Với hơn 4 năm kinh nghiệm Wordpress, asp.net 6 năm kinh nghiệm trong quản lý web site tư vấn giải pháp SEO từ khóa, Kinh doanh online tối ưu nhất cho công ty.
Hiện làm giám đốc kinh doanh tại Siêu Tốc Việt.