Nếu rất đã bao giờ chèn một đang menu bất nhất cứ vào Widget siêu Area trong thường trang web dùng nhất theme Flatsome cũ , chắc chuyên chở hẳn các bạn bao giờ cực kỳ khó chịu khi sub nhộn nhịp -menu không xổ bỗng nhiên ngang mà rất bị đẩy nhất xuống phía chính 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 xổ những ngang trong sẽ Widget Area của theme đích Flatsome” và sửa giao diện menu mobile trong theme Flatsome bằng CSS!!
Cách chuyển sẽ đổi menu xổ nhanh ngang trong Widget sẽ Area
Lưu ý: bài lại này chỉ đích Chương trình với lại trang web nào chạy theme Flatsome !
Cách nhận đừng biết vấn được đề khi bắt chậm đầu chuẩn bị chuyển đổi menu xổ ngang widget Area
Khi làm trang có thể web dùng cũng UX đồng thời BUILDER của Cho dù theme Flatsome như , chúng sẽ ta có lẽ cần thêm một menu nhanh nào đó vào vị trí bất cứ trong trang dùng element “Wideget Area”. Bên code 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 tùy theo -menu của tự vệ nó hiển thị cực kỳ chán (ngay bên dưới menu cha) và buộc phải Click đặc thù chuột (bấm chuột) vào mới menu luôn cha thì sub rất -menu mới hiển thị. cũ Vấn đề đích là gần nhất 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 loại vải CSS để chuyển đổi menu xổ ngang trong widget Area
Vấn code đề 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 sau cùng tập CSS tùy chỉnh trong theme các chính bạn copy vẫn đa số đoạn đã code CSS sau rồi bỏ vào Giao đã diện – Tùy ngay biến – Style – Custom rất ít CSS – Custom cho ra đời CSS nhé:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
.widget cả ul.menu>li.has-child:hover >.sub-menu display hiện tại :block rất .widget điểm cộng ul.menu ul.sub-menu display di chuyển : none; position giá tiền : absolute; width chương trình : 100%; left nên làm :99%; min ngay -height: 180px; z code bẩn -index: 999; border: 1px quá solid #cc0000 !important; background chương trình : #fff; hữu ích .widget triệt để .toggle transform sắc đẹp : rotate(-90deg); rất |
Nếu các bạn lắm hiểu về nhanh CSS thì thôi sẽ nhận biết
- Với thuộc tính ngay border: các khối lượng bạn có lẽ điều chỉnh đường viền của sub-menu
- Với chi phí thuộc tính background: các chờ đợi bạn có lẽ điều chỉnh mã màu nền
Lời chịu ảnh hưởng kết hưởng thụ kết quả sau khi chuyển hành đổi menu xổ ngang trong widget Area
Các biên tập bài liên quan:
https hoạt động ://sieutocviet.page/ui-ux-la-gi/ https://sieutocviet.page/tuy-bien-contact-form-7/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/
Lê Trương Tấn Lộc ()
Có hơn 6 năm kinh nghiệm Laravel và 8 năm quản trị web site, tôi chuyên tư vấn đẩy top Google, Kinh doanh online tối ưu cho tập đoàn quốc tế, hiện làm giám đốc kinh doanh tại Siêu Tốc Việt.