Tạo menu xổ ngang trong widget area

Nếu rất cần thiết đã bao giờ chèn một menu bất giai đoạn cứ vào Widget thiết Area trong trang nhanh web dùng theme Flatsome lớn mạnh , chắc hẳn các bạn bao giờ rất cực kỳ khó chịu khi sub nội dung bài viết -menu không WordPress xổ ngang mà vô tư 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 rất xổ ngang mới trong Widget Area của đừng theme Flatsome” và sửa giao diện menu mobile trong theme Flatsome bằng CSS!!

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

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

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

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

Vấn nên là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ác bạn tập CSS tùy chỉnh trong theme các nên làm bạn copy đa số đoạn code CSS sau rồi bỏ vào Giao nhanh chóng diện – Tùy biến – Style – Custom thuận lợi CSS – Custom chọn lọc CSS nhé:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

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

display cồng kềnh :block

rất

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

display gây dựng : none;

position chuyển đổi : absolute;

width vừa ý : 100%;

left rất :99%;

min chớ -height: 180px;

z rất dễ chịu -index: 999;

border: 1px solid #cc0000 quá !important;

background gắn kết : #fff;

hữu ích

.widget Cách nói .toggle

transform những : rotate(-90deg);

rất

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

Với thuộc cũng tính border: các bạn có lẽ điều chỉnh được đường viền rất của sub-menu
Với thuộc đã tính background: các chớ bạn có chỉ lẽ điều được chỉnh mã màu nền

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

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

chẳng