Thanh menu của theme thường chỉ rộng vừa đủ cho 5 đến 7 mục, vì logo, tìm kiếm và giỏ hàng cùng nằm trên một hàng và chiếm chỗ. Khi đặt bằng Replace, Mega dùng đúng khoảng trống đó. Thêm nhiều mục cấp 1 quá thì mục cuối rớt xuống dòng thứ hai và đẩy header cao lên.
STOREHomeShopCollectionsNew inWomenMenKidsSaleAbout
STOREHomeShopCollectionsNew inWomenMenKidsSaleAbout
Cách xử lý, theo thứ tự nên thử:
- Gộp bớt mục cấp 1. Đưa nhóm gần nhau vào một mục lớn có cột hoặc Tab (Women, Men, Kids thành một mục Shop). Cách bền nhất, đồng thời menu cũng gọn hơn cho khách.
- Chọn Add below your header. Dải Mega có cả một hàng full-width riêng, không phải chia chỗ với logo, tìm kiếm và giỏ.
- Bật Menu overflow navigation (Configure > Desktop, ô Show navigation arrows when menu overflows): menu giữ một dòng, mục tràn nằm sau nút mũi tên để khách bấm trượt. Chỉnh màu nút ở hai ô Button background color và Arrow icon color.
- Thu nhỏ mục ở Design > Main menu: giảm Text Size (px) và Padding (px) ở Each item spacing. Hợp khi chỉ tràn một mục.
- Đặt Menu bar width là Fill container để thanh dùng hết khung chứa thay vì hẹp theo theme.
- Hạ Mobile switch breakpoint (mặc định 768 px, Configure > Desktop) nếu menu đổi sang bản điện thoại sớm trên cửa sổ hẹp; hạ xong nên bật mũi tên ở trên để mục không rớt dòng.
Chi tiết từng ô: Cài đặt bố cục Desktop Mega Menu.
Bài này có giúp ích không?
Cần người xem cùng? Chat với chúng tôi trong app hoặc viết về [email protected] — gửi kèm địa chỉ cửa hàng và tên menu.