Tạo menu xổ ngang trong widget area

Nếu những đã bao giờ chèn một menu bất rất cứ vào Widget chỉ Area trong lắm trang web dùng theme Flatsome, chắc cũ hẳn các bạn bao giờ cực kỳ khó chịu khi sub-menu không quá xổ ngang mà bị đẩy xuống phía dưới? Cách làm này bảo đảm sẽ bổ ích cho các bạn đấ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 WordPress đổi menu xổ ngang trong Widget Area

Lưu ý: bài này cũ chỉ Chương trình với trang web nào chạy theme Flatsome !

Cách nhận biết chớ vấn đề khi bắt đầu chuẩn bị chuyển đổi menu xổ ngang widget Area

Khi rất làm trang web dùng UX đích BUILDER của cần theme Flatsome, chúng ta có lại lẽ thêm một menu nào đó vào vị trí bất cứ trong trang dùng element “Wideget Area”. Bên cạnh đó, nếu một mục nào đó của menu có các mục menu con (hay còn gọi là sub-menu) thì mặc định sub-menu của nó hiển chỉ thị cực kỳ chán (ngay bên dưới menu cha) và buộc phải Click mất chuột (bấm lại chuột) vào menu chẳng cha thì vẫn sub-menu ngay mới hiển thị. Vấn đề là gần giống như 90% các bạn 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 để cung cấp chuyển đổi menu xổ ngang trong widget Area

Vấn đề sẽ được luôn giải quyết hoàn toàn chỉ với một vài dòng code CSS dễ dàng thôi, các bạn cùng theo dõi tuần tự bao giờ bước một nhé! biên tập CSS tùy chỉnh trong theme các bạn chậm copy đa số đoạn code CSS sau rồi bỏ vào Giao có lẽ diện – Tùy cả biến – Style – Custom chỉ CSS – Custom đột nhiên CSS nhé:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

.widget cả ul.menu>li.has-child:hover >.sub-menu

display:block

rất

.widget không ul.menu ul.sub-menu

display: none;

position: absolute;

width: 100%;

left:99%;

min-height: 180px;

z-index: 999;

border: 1px rất solid #cc0000 !important;

background: #fff;

hữu ích

.widget hiện đại .toggle

transform: rotate(-90deg);

rất

Nếu các nhất bạn hiểu về CSS thì sẽ nhận biết

Với thuộc tính border: các bạn nhất có lẽ đ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ụ kết quả sau khi chuyển chẳng đổi menu xổ ngang trong widget Area

Các quá 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/