Pages Global SectionsMenu
Add a banner to mega menu
2 min read
_rgxISsk3.jpg)
How to add a banner to the mega menu
- Select the Header section, click Add block.
- Select block Banner (Mega menu).
- In the Menu title field, type the exact name of the main menu item you want this banner to appear under.
- Make necessary changes.
- Save.
⚙️ Block settings
| Setting | What it does |
|---|---|
| Menu title | Determines which main menu item this banner belongs to. It must exactly match the menu title. |
| Dropdown container | Inherits padding and layout behavior from the header or can be customized independently. |
| Desktop menu columns | Defines how many columns are shown in the mega menu. Adjust to ensure your banner layout fits well. |
| Banner image | Upload an image for your promotion. It will appear at the end of the corresponding mega menu dropdown. |
| Banner link | Add a destination link when users click on the banner (e.g., to a collection or product page). |
| Banner width (px) | Set the banner width manually to better fit your mega menu layout. |
📝 Pro tips
- If the banner isn’t showing up, double-check the Menu title — it must match the main menu item exactly.
- If the mega menu doesn't show after translating, seeMega menu not working when changing the store languages
- If you want to add multiple banners, use Custom cards block instead. Learn more: Add custom cards to mega menu
Last updated