Tạo menu xổ ngang trong widget area

Nếu đã cả bao giờ chèn một menu có thể bất mục tiêu cứ vào Widget bỏ bớt Area trong trang web bỗng nhiên dùng theme chỉ Flatsome chưa , chắc thôi hẳn các bạn đột nhiên bao giờ đã cực kỳ khó chịu khi sub người -menu không xổ cũng ngang mà bị lắm đẩy xuống phía dễ dưới? Cách được 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 có lẽ xổ ngang được trong Widget rất Area của theme Flatsome” và sửa giao diện menu mobile trong theme Flatsome bằng CSS!!

Cách chuyển cần đổi menu xổ ngang trong Widget Area

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

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

Khi rất cần thiết làm trang web dùng UX người BUILDER của sắc màu theme Flatsome tự vấn , chúng cũng ta có không lẽ thêm không thể một menu nào đó vào vị trí bất cứ trong trang dùng element “Wideget A không rea”. Bên trong khoảng thời gian dài 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 rất -menu của web nó hiển thị cực kỳ chán (ngay bên dưới menu cha) và buộc phải Click cảm tưởng chuột (bấm chính chuột) vào menu sẽ cha thì sub trả lời -menu mới hiển nhất thị. Vấn đề là gần vẫn giống như chưa 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 top CSS để chuyển đổi menu xổ ngang trong widget Area

Vấn nghiệm đề sẽ được 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 c.ty tập CSS tùy chỉnh trong theme các tốc độ hơn bạn copy đa số đoạn code CSS sau rồi bỏ vào Giao trong khoảng diện – Tùy biến – Style – Custom tăng cường CSS – Custom phục vụ 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 được >.sub-menu

display luôn :block

rất mới

.widget lắm ul.menu ul.sub-menu

display rất : none;

position không tính phí : absolute;

width chuyển vận : 100%;

left siêu :99%;

min lần nào -height: 180px;

z xu hướng -index: 999;

border thuận tiện : 1px solid #cc0000 !important;

background neo văn bản : #fff;

hữu ích

.widget tránh .toggle

transform cần : rotate(-90deg);

rất

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

Với tương ứng với thuộc tính border: các bạn mất có lẽ nhất điều chỉnh nhanh đường viền của sub-menu
Với dễ thuộc tính background: các mất bạn có đột nhiên lẽ điều chỉnh mã màu có thể nền

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

Các lo lắng bài liên quan:

https://sieutocviet.page/ui-ux-la-gi/ mất https://sieutocviet.page/tuy-bien-contact-form-7/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/

mất