Understanding navigation

When you're setting up your online store, you should think about how you want customers to find your products and information about your business. This will help you to make decisions about your online store navigation.

Before you begin, you can learn about the default menus, and compare the way that navigation looks in different themes.

Default menus

Your online store has two default menus that appear on every page: the main menu and the footer menu. You can add, remove, or edit menu items in your online store's default menus.

The main menu appears on every page of your online store. The main menu is usually displayed as items across the width of the header, or else as a list of items in a sidebar. A customer will probably look at your main menu to find your products and information about your business, like an "About us" page.

Your main menu has two default menu items:

  • Home: the main page of your online store
  • Catalog: a page that displays all of your products

You can add a drop-down menu from any of the menu items in the main menu. A drop-down menu is a sub-menu from the main menu, and is usually displayed as a list of items connected to the main menu item. Drop-down menus are a good way of organizing similar items: groups of webpages, blog posts, store policies, products, or collections. For example, if you have a lot of products then you might want to add them to collections and then use a drop-down menu from the main menu to organize the collections. This can help a customer to find the type of products that they're looking for.

The footer menu is usually displayed as items across the width of the footer. A customer will probably look at your footer menu to find information about your store policies and contact information.

Other menus

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 Partner to make the changes for you. Learn more about hiring a Shopify Partner.

Comparing navigation in different themes

Every theme has a different design, so the navigation looks different in different themes.

For a demonstration, go to any theme in the Shopify Theme Store and click View Demo.

Troubleshooting issues with your navigation

Navigation issues can be from multiple factors. Review the following areas of your admin and your theme to ensure that the menu is configured properly and you have no incompatibility issues:

  • Review the menu item to ensure the link and link type are correct.
  • Ensure that the link is set correctly. If you're linking to a sub-menu, then you might need to adjust the link type or remove any unnecessary nesting.
  • Ensure your theme allows the type of menu you are trying to create. For example, if you're creating a multi-level drop-down menu, then your theme needs to support that menu type.
  • Review your theme settings to ensure the correct menu is linked.
  • Ensure there is no custom code in your theme that's causing the navigation issues. You can roll back your theme code to test that the code is causing a conflict.
  • Review your apps to ensure they aren't overriding your menu with a menu in the app.
Can’t find the answers you’re looking for? We’re here to help.