Navigation menus

You can view and change your online store navigation from the Menus page in your Shopify admin (Content > Menus).

---

Learn how to set up your navigation menus

I. Add a menu

1. From your Shopify admin, go to Content > Menus.

2. On the Menus page, click Create menu.

3. Enter a Name for the menu.

4. Click + Add menu item, then enter a Label for the menu item.

5. Click the Link field, and then enter a website address for an external website or select a link type.

Link types

• Home: your online store's home page

• Collections: a specific collection or all collections

• Products: a specific product or all products

• Pages: a webpage on your online store

• Blogs: a blog on your online store

• Blog posts: a blog post on your online store

• Policies: one of your store policies

To create an email link, enter the address in the format mailto:[e-mail].

1. Click Save menu.

II. Change the display order of menu items

Steps:

• In Content > Menus, click the title of the menu that you want to reorder.

• Click and hold the handle icon (⠿) beside the menu item, and then drag the menu item to another position.

• Click Save menu.

Note: Clear, simple navigation helps customers explore your products. Use dropdown menus (nested menu items) or a mega menu to organize your store's categories and subcategories logically.

III. Remove a menu

Steps:

• From your Shopify admin, go to Content > Menus.

• Click the menu that you want to remove, then click Delete menu.

• Click Delete to confirm.

IV. Link your menu to the header and footer

1. Link to the Header

Steps:

• In the theme editor, select Header in the left sidebar.

• In the Menu group of the header settings, find the Menu setting.

• Select the menu you created earlier.

• Click Save.

1. Link to the Footer

Steps:

• In the theme editor, under Footer, click Add block and select the Menu block.

• The new block's Heading is Quick links by default.

• Change the Heading and pick the menu you prepared in the Menu setting.

• Click Save.

The footer Menu block displays only top-level menu items. Learn more about footer blocks

V. Add a mega menu

A mega menu turns a top-level item of your header menu into a large dropdown panel that shows its sub-links in columns, together with promotion images.

Steps:

• In Content > Menus, add nested sub-links under the menu item if you want link columns. Without sub-links, the mega menu shows only the promotion images.

• In the theme editor, select Header, click Add block and select Mega menu.

• In Menu item, enter the name of the top-level menu item exactly as it appears in your menu (it isn't case-sensitive).

• Under Promotion images, choose the Number of images (1–6), then add an Image, Label and Link for each.

• Click Save.

Add one Mega menu block for each menu item that should open a mega menu. The mega menu shows on desktop when Desktop menu type is set to Dropdown. Learn more about the Header