The mega menu turns a menu item with sub-items into a large multi-column dropdown.
Build the menu structure
Go to Online Store → Navigation and open your main menu. Nest items to create columns:
- Top-level item (e.g. Jewelry) → opens the mega menu
- Second level (e.g. Rings, Necklaces) → becomes a column heading
- Third level (e.g. Gold rings) → links inside that column
Mega menu settings
In the Header section, under Mega menu:
| Setting | What it does |
|---|---|
| Use mega menu layout | Turn off to show simple single-column dropdowns instead. |
| Mega menu width | Standard or Wide. |
| Style | Columns (with images) or Minimal (centered links). |
| Background color / Text color | Leave empty to use your theme colors. |
| Inner padding · Space between columns · Space between links | Fine-tune the spacing. |
Add a promo image
- In the Header section, click Add block → Mega menu promo.
- Enter the Matching menu item title — it must match the top-level menu item exactly (e.g.
Jewelry). - Choose an Image, and optionally a Heading, Button text and Button link.
Note
The mega menu measures the screen each time it opens and shifts itself so it never runs off the edge, even with a promo image.