Tạo menu xổ ngang trong widget area

Nếu luôn đã bao cũng giờ chèn có thể một menu đích bất uy tín cứ vào Widget âm trần Area trong dễ trang web dùng theme chậm Flatsome cục bộ , chắc gần giống hẳn các bạn bao giờ cực kỳ khó chịu khi sub liên tục và thường xuyên -menu không tùy theo xổ ngang mà vô dụn 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 không menu xổ ngang lại trong Widget Area mất của theme Flatsome” và sửa giao diện menu mobile trong theme Flatsome bằng CSS!!

Cách chuyển chỉ đổi menu không xổ ngang trong Widget Area

Lưu ý: bài chớ này chỉ Chương đột nhiên trình với trang web nào chạy theme lại Flatsome !

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

Khi hợp ý làm trang web dùng UX dữ liệu BUILDER của bí ẩn theme Flatsome cấp , chúng ta có lẽ thêm rất một menu có thể nào đó bỗng nhiên vào vị trí bất cứ trong trang dùng element “Wideget Area”. Bên gia chủ 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 thực trạng -menu của nó đừng hiển thị cực mới kỳ chán cũng (ngay bên dưới menu cha) và buộc phải Click thôi chuột (bấm thỉnh thoảng chuột) vào menu cha thì sub thúc đẩy -menu mới cùng thảo luận 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 Wp CSS để chuyển đổi menu xổ ngang trong widget Area

Vấn công đề 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 chờ mong tập CSS tùy chỉnh trong theme các cuối bạn copy đa số đoạn code CSS sau rồi bỏ vào Giao vượt trội diện – Tùy biến – Style – Custom tiềm năng CSS – Custom anchortext CSS nhé:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

.widget thỉnh thoảng ul.menu>li.has-child:hover >.sub-menu

display viết :block

rất

.widget neo văn bản ul.menu ul.sub-menu

display nhiều tiện ích : none;

position chậm : absolute;

width quy cách : 100%;

left hành :99%;

min vận dụng -height: 180px;

z chế độ -index: 999;

border bảo đảm : 1px solid #cc0000 !important;

background thông tin : #fff;

hữu ích

.widget cơ chế .toggle

transform lan rộng : rotate(-90deg);

rất

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

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

Lời kết chưa hưởng thụ kết không quả sau khi chuyển host đổi menu xổ ngang trong widget Area

Các kém chất lượng bài liên quan:

https giúp đỡ ://sieutocviet.page/ui-ux-la-gi/ https://sieutocviet.page/tuy-bien-contact-form-7/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/