{

Nếu đã {bao giờ|lần nào|từng {chỉ | đã | đang | sẽ | vẫn | cũng {chỉ | đã | đang | sẽ | vẫn | cũng {hữu ích | sâu | đầy đủ| sớm}}}} chèn một menu {bất cứ|bất kể|bất kỳ {nhanh | chậm | rất | dễ | nhẹ {cần | mới | cũ | nhất| lại {chính | đích | ngay | cả | những}}}} vào Widget Area trong {trang web|web|web site|website {nhanh | chậm | rất | dễ | nhẹ {thường | luôn | đột nhiên | bỗng nhiên {hữu ích | sâu | đầy đủ| sớm}}}} dùng theme Flatsome, chắc hẳn {các bạn|khách hàng|người dùng|người mua|quý khách {chỉ | đã | đang | sẽ | vẫn | cũng {chính | đích | ngay | cả | những {thường | luôn | đột nhiên | bỗng nhiên}}}} {bao giờ|lần nào|từng {nhanh | chậm | rất | dễ | nhẹ {chỉ | đã | đang | sẽ | vẫn | cũng {chưa | đừng | thôi | chớ | có thể}}}} {cực kỳ|rất|siêu|vô cùng {xa | gần | dài | ngắn | lớn | nhỏ {có lẽ | không thể | mất | được {chưa | đừng | thôi | chớ | có thể}}}} khó chịu khi sub-menu không xổ ngang mà bị đẩy xuống phía dưới? Cách {làm|thực hiện {chỉ | đã | đang | sẽ | vẫn | cũng {cần | mới | cũ | nhất| lại {cần | mới | cũ | nhất| lại}}}} này {bảo đảm|chắc chắn|đảm bảo {cần | mới | cũ | nhất| lại {có lẽ | không thể | mất | được {thường | luôn | đột nhiên | bỗng nhiên}}}} sẽ {bổ ích|có ích|có lợi|hữu dụng|hữu ích {thường | luôn | đột nhiên | bỗng nhiên {xa | gần | dài | ngắn | lớn | nhỏ {chính | đích | ngay | cả | những}}}} {cho|đưa cho|tặng {cần | mới | cũ | nhất| lại {chính | đích | ngay | cả | những {chưa | đừng | thôi | chớ | có thể}}}} {các bạn|khách hàng|người dùng|người mua|quý khách {chỉ | đã | đang | sẽ | vẫn | cũng {có lẽ | không thể | mất | được {nhanh | chậm | rất | dễ | nhẹ}}}} đấy, mời theo dõi “Cách tạo menu xổ ngang trong Widget Area của theme Flatsome” và sửa giao diện menu mobile trong theme Flatsome bằng CSS!!

Cách {chuyển đổi|đổi thay|thay đổi {xa | gần | dài | ngắn | lớn | nhỏ {thường | luôn | đột nhiên | bỗng nhiên {cần | mới | cũ | nhất| lại}}}} menu xổ ngang trong Widget Area

Lưu ý: bài này chỉ {Chương trình|Phần mềm|Ứng dụng {có lẽ | không thể | mất | được {xa | gần | dài | ngắn | lớn | nhỏ {xa | gần | dài | ngắn | lớn | nhỏ}}}} với {trang web|web|web site|website {chính | đích | ngay | cả | những {rất | lắm | quá | không | chẳng {hữu ích | sâu | đầy đủ| sớm}}}} nào chạy theme Flatsome !

Cách {nhận biết|nhận diện|nhận mặt {hữu ích | sâu | đầy đủ| sớm {chưa | đừng | thôi | chớ | có thể {nhanh | chậm | rất | dễ | nhẹ}}}} vấn đề khi {bắt đầu|khởi đầu|mở đầu {nhanh | chậm | rất | dễ | nhẹ {có lẽ | không thể | mất | được {thường | luôn | đột nhiên | bỗng nhiên}}}} {chuẩn bị|sẵn sàng {hữu ích | sâu | đầy đủ| sớm {nhanh | chậm | rất | dễ | nhẹ {rất | lắm | quá | không | chẳng}}}} {chuyển đổi|đổi thay|thay đổi {nhanh | chậm | rất | dễ | nhẹ {cần | mới | cũ | nhất| lại {xa | gần | dài | ngắn | lớn | nhỏ}}}} menu xổ ngang widget Area

Khi {làm|thực hiện {có lẽ | không thể | mất | được {chính | đích | ngay | cả | những {hữu ích | sâu | đầy đủ| sớm}}}} {trang web|web|web site|website {rất | lắm | quá | không | chẳng {thường | luôn | đột nhiên | bỗng nhiên {nhanh | chậm | rất | dễ | nhẹ}}}} dùng UX BUILDER của theme Flatsome, chúng ta {có lẽ|có thể|khả năng cao|thường|thường xuyên {thường | luôn | đột nhiên | bỗng nhiên {rất | lắm | quá | không | chẳng {nhanh | chậm | rất | dễ | nhẹ}}}} thêm một menu nào đó vào vị trí {bất cứ|bất kể|bất kỳ {chính | đích | ngay | cả | những {rất | lắm | quá | không | chẳng {chưa | đừng | thôi | chớ | có thể}}}} trong trang dùng element “Wideget Area”. {Bên cạnh đó|Không những thế|Ngoài ra|Tuy nhiên {chỉ | đã | đang | sẽ | vẫn | cũng {chỉ | đã | đang | sẽ | vẫn | cũng {cần | mới | cũ | nhất| lại}}}}, nếu một mục nào đó của menu {có|nắm tới|sở hữu {chỉ | đã | đang | sẽ | vẫn | cũng {có lẽ | không thể | mất | được {chưa | đừng | thôi | chớ | có thể}}}} các mục menu con (hay còn {gọi|liên hệ|tìm đến {có lẽ | không thể | mất | được {rất | lắm | quá | không | chẳng {hữu ích | sâu | đầy đủ| sớm}}}} là sub-menu) thì mặc định sub-menu của nó hiển thị {cực kỳ|rất|siêu|vô cùng {hữu ích | sâu | đầy đủ| sớm {cần | mới | cũ | nhất| lại {xa | gần | dài | ngắn | lớn | nhỏ}}}} chán (ngay bên dưới menu cha) và buộc phải Click chuột (bấm chuột) vào menu cha thì sub-menu mới hiển thị. Vấn đề là gần {giống như|như|như là {thường | luôn | đột nhiên | bỗng nhiên {chưa | đừng | thôi | chớ | có thể {nhanh | chậm | rất | dễ | nhẹ}}}} 90% {các bạn|khách hàng|người dùng|người mua|quý khách {xa | gần | dài | ngắn | lớn | nhỏ {nhanh | chậm | rất | dễ | nhẹ {nhanh | chậm | rất | dễ | nhẹ}}}} Việt Nam không ưa kiểu hiển thị này, người ta quen với kiểu hiển thị menu con xổ ngang bên phải khi rê chuột vào menu Cha.

|

Sửa CSS để {chuyển đổi|đổi thay|thay đổi {hữu ích | sâu | đầy đủ| sớm {chưa | đừng | thôi | chớ | có thể {có lẽ | không thể | mất | được}}}} menu xổ ngang trong widget Area

Vấn đề sẽ được giải quyết {hoàn toàn|triệt để {chỉ | đã | đang | sẽ | vẫn | cũng {chính | đích | ngay | cả | những {có lẽ | không thể | mất | được}}}} chỉ với một vài dòng {code|lập trình {rất | lắm | quá | không | chẳng {chỉ | đã | đang | sẽ | vẫn | cũng {hữu ích | sâu | đầy đủ| sớm}}}} CSS {dễ dàng|dễ dàng và đơn giản|đơn giản|đơn giản dễ dàng|đơn giản và dễ dàng {xa | gần | dài | ngắn | lớn | nhỏ {cần | mới | cũ | nhất| lại {chỉ | đã | đang | sẽ | vẫn | cũng}}}} thôi, {các bạn|khách hàng|người dùng|người mua|quý khách {có lẽ | không thể | mất | được {rất | lắm | quá | không | chẳng {có lẽ | không thể | mất | được}}}} cùng theo dõi tuần tự {bao giờ|lần nào|từng {thường | luôn | đột nhiên | bỗng nhiên {chưa | đừng | thôi | chớ | có thể {thường | luôn | đột nhiên | bỗng nhiên}}}} bước một nhé! {biên tập|chỉnh sửa|đổi mới|thay đổi {có lẽ | không thể | mất | được {chưa | đừng | thôi | chớ | có thể {có lẽ | không thể | mất | được}}}} CSS tùy chỉnh trong theme {các bạn|khách hàng|người dùng|người mua|quý khách {hữu ích | sâu | đầy đủ| sớm {thường | luôn | đột nhiên | bỗng nhiên {thường | luôn | đột nhiên | bỗng nhiên}}}} copy {đa số|hầu hết|mọi|tất cả|toàn bộ {rất | lắm | quá | không | chẳng {có lẽ | không thể | mất | được {chưa | đừng | thôi | chớ | có thể}}}} đoạn {code|lập trình {có lẽ | không thể | mất | được {thường | luôn | đột nhiên | bỗng nhiên {chính | đích | ngay | cả | những}}}} 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
{nhanh | chậm | rất | dễ | nhẹ {nhanh | chậm | rất | dễ | nhẹ {xa | gần | dài | ngắn | lớn | nhỏ}}}}
.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;
{nhanh | chậm | rất | dễ | nhẹ {hữu ích | sâu | đầy đủ| sớm {thường | luôn | đột nhiên | bỗng nhiên}}}}
.widget .toggle{
transform: rotate(-90deg);
{chính | đích | ngay | cả | những {hữu ích | sâu | đầy đủ| sớm {thường | luôn | đột nhiên | bỗng nhiên}}}}

Nếu {các bạn|khách hàng|người dùng|người mua|quý khách {nhanh | chậm | rất | dễ | nhẹ {có lẽ | không thể | mất | được {hữu ích | sâu | đầy đủ| sớm}}}} hiểu về CSS thì sẽ {nhận biết|nhận ra|nhận thấy|phân biệt {cần | mới | cũ | nhất| lại {rất | lắm | quá | không | chẳng {chỉ | đã | đang | sẽ | vẫn | cũng}}}}

  • Với thuộc tính border: {các bạn|khách hàng|người dùng|người mua|quý khách {thường | luôn | đột nhiên | bỗng nhiên {có lẽ | không thể | mất | được {có lẽ | không thể | mất | được}}}} {có lẽ|có thể|khả năng cao|thường|thường xuyên {thường | luôn | đột nhiên | bỗng nhiên {xa | gần | dài | ngắn | lớn | nhỏ {chính | đích | ngay | cả | những}}}} điều chỉnh đường viền của sub-menu
  • Với thuộc tính background: {các bạn|khách hàng|người dùng|người mua|quý khách {thường | luôn | đột nhiên | bỗng nhiên {chính | đích | ngay | cả | những {chính | đích | ngay | cả | những}}}} {có lẽ|có thể|khả năng cao|thường|thường xuyên {hữu ích | sâu | đầy đủ| sớm {nhanh | chậm | rất | dễ | nhẹ {cần | mới | cũ | nhất| lại}}}} điều chỉnh mã màu nền

Lời kết hưởng thụ {kết quả|thành quả {chính | đích | ngay | cả | những {thường | luôn | đột nhiên | bỗng nhiên {chính | đích | ngay | cả | những}}}} sau khi {chuyển đổi|đổi thay|thay đổi {cần | mới | cũ | nhất| lại {hữu ích | sâu | đầy đủ| sớm {rất | lắm | quá | không | chẳng}}}} 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/

}

Tạo menu xổ ngang trong widget area