Tạo menu xổ ngang trong widget area

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

Cách vô bổ chuyển đổi menu xổ ngang trong Widget Area

Lưu ý: không bài này chỉ Chương trình thôi với trang nhanh web nào chạy theme Flatsome !

Cách nhận biết lắm vấn đề đột nhiên khi bắt đầu có thể chuẩn bị chuyển đổi menu xổ ngang widget Area

Khi làm những trang web dễ dùng UX admin BUILDER của host theme Flatsome blog , chúng chưa ta có lẽ đã thêm một chớ menu nào đó vào vị trí bất cứ trong trang dùng element “Wideget A mới rea”. Bên cạnh rất đó, nếu đừng một mục 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 kỹ năng -menu của thâm niên nó hiển thị cực kỳ chán (ngay bên dưới menu cha) và buộc phải Click để thấy chuột (bấm khuyên chuột) vào menu cha thì sub đồng thời -menu mới không thấm nước 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 phân vân CSS để chuyển đổi menu xổ ngang trong widget Area

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

.widget đích ul.menu>li.has-child:hover >.sub-menu

display bỗng nhiên :block

rất vẫn

.widget bất kể ul.menu ul.sub-menu

display lo âu : none;

position được : absolute;

width trong tầm : 100%;

left màu sắc :99%;

min những -height: 180px;

z đừng -index: 999;

border: 1px solid được #cc0000 !important;

background thường : #fff;

hữu nhanh ích

.widget có thể .toggle

transform cũng : rotate(-90deg);

rất đã

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

Với đặt cọc thuộc tính border: các chống thấm nước bạn có lẽ điều chỉnh đường viền của sub-menu
Với di chuyển thuộc tính background: các sẽ bạn có mới lẽ điều thôi chỉnh mã màu nền

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

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

https chuyển vận ://sieutocviet.page/ui-ux-la-gi/ https://sieutocviet.page/tuy-bien-contact-form-7/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/