Menus and links

You can help customers to navigate your online store by using menus to organize your products, collections, webpages, and blog posts. Your online store has two default menus that are displayed on every page: the main menu and the footer menu.

You can view and change your online store navigation from the Navigation page in your Shopify admin.

The appearance and location of menus depend on your store's theme.

Add a menu item

You can add menu items to link to a few destinations:

  • webpages
  • collections
  • products
  • blogs or blog posts
  • an external website

Tip

If you want to see more educational videos and tutorials like this one, visit our video library.

To add a menu item:

  1. On the Navigation page, click the title of the menu that you want to edit.

  2. Click Add menu item.

  3. Enter a title for the menu item. This title will be displayed in the menu.

  4. Click the Link field, and enter a website address or select a link type:

    • 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
  5. If you selected a link type, then select a specific destination.

  1. Click Save menu.

Edit a menu item

To edit a menu item:

  1. Click the title of the menu that includes the item.

  2. In the Menu items section, click Edit beside the name of the item.

  3. Make any changes:

    • To change the name of the menu item, enter text in the Name field.
    • To change the destination of the menu item, click the x in the Link field, and then enter or select a new destination.
  4. Click Apply changes.

  5. Click Save menu.

Change the display order of menu items

You can view the display order of menu items on the Navigation page. The menu items display on your online store in the order that they are listed.

You can change the order of the menu items by editing the menu:

  1. Click the title of the menu that you want to reorder.

  2. Click and hold the handle icon beside the menu item, and then drag the menu item to another position:

Menu items section with handle icon highlighted
  1. Click Save menu.

Create a drop-down menu

You can add a drop-down menu to your online store's main menu. You can use drop-down menus to group products, collections, or pages together and make it easier for customers to navigate your online store:

Illustration of collection page, webpage, and product page grouped into a menu

The appearance and location of the main menu and drop-down menus in your online store depend on your online store's theme. Some themes will display an icon beside the name of a drop-down menu in the main menu to help customers recognize that a drop-down menu is there. Nested menu items automatically display as drop-down menus in the main menu for your online store, but some themes will display nested items from other menus.

Tip

If you want to see more educational videos and tutorials like this one, visit our video library.

To add a drop-down menu from the main menu of your online store:

  1. Click the title of your main menu.

  2. Choose one of the menu items to be the header for your drop-down menu, or add a new menu item to be the header. If you don't want the header to link to anything, then you can enter # in the Link field when you add the menu item.

  3. Add menu items to include in the new drop-down menu. Click Add menu item, enter the name of the menu item, and enter or select a destination for the link.

  4. Click and drag the menu items to nest below the header item:

Animation demonstrating dragging a menu item to the right to nest below another menu item
  1. Click Save menu.

Remove a menu item

You can remove a menu item to delete it from your online store navigation. When you remove a menu item that has items nested below it in a drop-down menu, the nested menu items are also removed and the drop-down menu is removed from your online store navigation.

Tip

If you want to see more educational videos and tutorials like this one, visit our video library.

To remove a menu item:

  1. Click the trash can beside the menu item that you want to remove.

  2. Click Remove to confirm.

Adding a menu to your online store

Depending on your store's theme, you might be able to add a new menu by editing the settings in the theme's Header section. If your theme doesn't let you add a new menu by editing theme settings, then you can customize your theme code to add a new menu. You can also hire a Shopify Expert to make the changes for you.by customizing your theme.

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free