Tạo menu xổ ngang trong widget area

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

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

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

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

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

Vấn host đề 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 lưu lại tập CSS tùy chỉnh trong theme các bỗng nhiên bạn copy đa số đoạn nhất code CSS sau rất rồi bỏ vào Giao rất diện – Tùy biến – Style – Custom chậm CSS – Custom không thể 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 tiêu đề :block

rất

.widget ul.menu cũng ul.sub-menu

display chậm : none;

position đặc tính : absolute;

width tận nơi : 100%;

left tương ứng :99%;

min dai sức -height: 180px;

z Wp -index: 999;

border nên làm : 1px solid #cc0000 !important;

background thông minh : #fff;

hữu ích

.widget song song .toggle

transform có lẽ : rotate(-90deg);

rất ngay

Nếu các chớ bạn hiểu về thường CSS thì đích sẽ nhận biết

Với thuộc dễ tính border: các từng bạn có lẽ điều chỉnh đường viền của sub-menu
Với quý khách thuộc tính background: các tạm dừng bạn có lẽ điều chỉnh mã màu nền

Lời toàn bộ kết hưởng thụ kết quả sau khi chuyển đổi menu luôn xổ ngang trong cũ widget Area

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

https nắm rõ ://sieutocviet.page/ui-ux-la-gi/ https://sieutocviet.page/tuy-bien-contact-form-7/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/