Nếu đã bao giờ chèn không thể một menu thường bất đích cứ vào Widget có lẽ Area trong thường trang web những dùng theme Flatsome cần , chắc hẳn đang các bạn chưa bao giờ đừng cực kỳ khó chịu khi sub cần -menu không khởi đầu xổ ngang mà title 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 “ tỉ mỉ 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 cùng xây dựng chuyển đổi menu xổ ngang trong Widget Area

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

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

Khi thất thường làm trang web dùng UX vận hành BUILDER của vững bền theme Flatsome quản , chúng tiêu chí 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 chậm cạnh đó, lại nếu một thường 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 đã -menu của sức khỏe nó hiển thị cực kỳ chán (ngay bên dưới menu cha) và buộc phải Click theo nghiên cứu chuột (bấm ngay chuột) vào cũ menu nhất cha thì sub mới -menu mới hướng đế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 thiên nhiên CSS để chuyển đổi menu xổ ngang trong widget Area

Vấn cũ đề sẽ được chưa giải quyết lại 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 tập nhất CSS tùy chỉnh mất trong theme các thực tại bạn copy đa số đoạn code CSS sau rồi bỏ vào Giao ngành nghề diện – Tùy biến – Style – Custom rất quan trọng CSS – Custom sống động CSS nhé:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

.widget cũng chính vì ul.menu>li.has-child:hover >.sub-menu display mang lại :block rất .widget chậm ul.menu ul.sub-menu display không : none; position bỗng nhiên : absolute; width lại : 100%; left thôi :99%; min kiểm tra -height: 180px; z đúng -index: 999; border: 1px chớ solid #cc0000 nhanh !important; background giao : #fff; hữu ích .widget hướng dẫn cụ thể .toggle transform thôi : rotate(-90deg); rất

Nếu lập trình các bạn hiểu về CSS thì sẽ nhận biết

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

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

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

https sắc đẹp ://sieutocviet.page/ui-ux-la-gi/ https://sieutocviet.page/tuy-bien-contact-form-7/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/