Tạo menu xổ ngang trong widget area

Nếu màu sắc đã bao giờ chèn một menu bất cứ vào Widget Area trong chiến dịch trang web dùng theme Flatsome, chắc quanh hẳn các bạn bao giờ cực kỳ khó chịu khi sub-menu không xổ ngang mà có lẽ bị đẩy xuống có lẽ phía dưới? Cách dễ làm này bảo đảm thôi sẽ bổ ích cho các chính bạn đấy, mời đã theo dõi có lẽ “Cách tạo menu xổ ngang đột nhiên trong Widget Area luôn của theme Flatsome” và sửa đang giao diện menu chưa mobile trong theme mới Flatsome bằng đột nhiên CSS!!

Cách chuyển đổi menu xổ nhất ngang trong Widget dễ Area

Lưu ý: bài chưa này chỉ lại Chương trình với trang sẽ web nào thường chạy theme Flatsome chính !

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

Khi dữ liệu làm trang web dùng UX BUILDER của theme Flatsome, chúng rất ta có đột nhiên lẽ thêm chưa một menu nào không đó vào lại vị trí bất chỉ cứ trong sẽ trang dùng element luôn “Wideget Area”. Bên cạnh thường đó, nếu một cũ mục nào đó cũ của menu có thôi các mục menu con chính (hay còn gọi thường là sub-menu) luôn thì mặc định đang sub-menu của nó hiển vẫn thị cực chớ kỳ chán (ngay dễ bên dưới menu cha) thường và buộc phải có lẽ Click chuột (bấm chuột) vào menu cha thì sub-menu mới cà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 sau cùng CSS để chuyển đổi menu xổ ngang trong widget Area

Vấn đề cũng sẽ được giải được quyết hoàn toàn lại chỉ với một chưa vài dòng code chậm CSS dễ dàng thôi, chính các bạn cùng đột nhiên theo dõi tuần có lẽ tự bao giờ thôi bước một nhé! rất biên quan trọng tập CSS tùy chỉnh trong theme các dùng cho bạn copy đa số đ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 chuyên nghiệp ul.menu>li.has-child:hover >.sub-menu

display:block

rất

.widget bởi vì ul.menu ul.sub-menu

display: none;

position nắm tới : absolute;

width: 100%;

left:99%;

min bao giờ -height: 180px;

z-index: 999;

border khích lệ : 1px solid #cc0000 !important;

background cho dù : #fff;

hữu ích

.widget .toggle

transform từ : rotate(-90deg);

rất

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

Với source thuộc tính border: các nhiều bạn có lẽ điều chỉnh đường viền của sub-menu
Với tu tạo thuộc tính background: các chuyên dụng cho bạn có lẽ điều chỉnh mã màu nền

Lời ubuntu kết hưởng thụ kết quả sau khi chuyển thiết đổi menu xổ ngang trong widget Area

Các nhanh hơn bài liên quan:

https://sieutocviet.page/ui-ux-la-gi/ https://sieutocviet.page/tuy-bien-contact-form-7/ không thể https://sieutocviet.page/cai-https-cung-really-simple-ssl/