Skip to main content

Setting Up Your Navigation

Setting Up Your Navigation​

Navigation menus control how customers browse your store. Menus are created in the Shopify admin and then connected to the Wonder Theme's header and footer sections.

Creating and Editing Menus​

  1. In your Shopify admin, go to Online Store → Navigation.
  2. Click Main menu to edit your primary navigation, or Footer menu for footer links.
  3. Click Add menu item to add links to collections, products, pages, or custom URLs.
  4. Drag and drop items to reorder them.
  5. Nest items under a parent to create dropdown menus — drag an item slightly to the right to make it a child of the item above.
  6. Click Save when you're done.

For a detailed guide, see: Shopify — Setting up your navigation.

  • Main menu — Displayed in the header. This is your primary navigation and typically includes links to collections, featured pages, and key categories.
  • Footer menu — Displayed in the footer. Usually contains secondary links like policies, contact info, FAQ, and about pages.

You can create additional menus in the Shopify admin and assign them to different areas of your theme.

Mega Menu / Promotion Menu​

The Wonder Theme supports a mega menu for richer navigation with images and promotional content. To set it up:

  1. Create a multi-level menu structure in your Shopify admin (parent items with nested children).
  2. In the Theme Editor, go to the Header section settings to enable and configure the mega menu.

For a step-by-step walkthrough, see our detailed guide: How to Set Up a Promotion Menu.

You can visually highlight specific menu items (like "Sale" or "New Arrivals") with a custom color and icon using the Menu Highlight block in the header. See: Menu Highlight.

Transparent Header​

If your homepage uses a full-width hero image or video, you may want to enable the transparent header so the navigation overlays the hero content. See: Transparent Header.

Learn More​