GoToTheme Docs

Straight-to-the-point how-tos for every Shopify theme.

How to Add a Mega Menu in Shopify Craft Theme

Craft's mega menu isn't a separate app or block — it's built from how you structure a regular navigation menu, with images pulled in automatically from linked collections.

Steps

  1. In your Shopify admin, go to Online Store > Navigation.
  2. Open the menu used by your header (commonly "Main menu").
  3. Add a top-level item, then add second-level items nested under it — this nesting is what Craft renders as a dropdown.
  4. If a nested item links to a collection with an image, Craft can show that image inside the dropdown column, depending on your header section's menu display settings.
  5. In Online Store > Themes > Customize, select the Header section to check menu-related display options (like whether dropdowns show images).
  6. Click Save.

Keep top-level categories broad and let the nested links carry the detail — a mega menu with too many top-level items becomes harder to scan than a simple dropdown.

← How to Make the Header Sticky in Shopify Craft ThemeHow to Add Social Media Icons to the Footer in Shopify Craft Theme →