9. Vantage Theme: Setting up the Navigation w/ Dropdown Menu

The Vantage theme features a sticky navigation which will help your customers to find their way around your store regardless of what page they're on or where they have scrolled down to. Within this navigation, you can also use  dropdown  menus. Each  dropdown  menu can show up to three levels of menu items from one single  dropdown.

Here are step-by-step instructions for setting up a  dropdown  menu.


If you purchased your theme before Tuesday, January 9th, 2018 you will need to upgrade to the newest version of Vantage theme.

Step 1: Establish Navigation Hierarchy

When planning your navigation items, it helps to create an outline showing the navigation hierarchy. For this example, the navigation hierarchy was set up as shown.

Step 2: Set up Navigation Items

In your Shopify admin go to Online Store > Navigation click on Main Menu. First, add your Level 1 menu items, then add your Level 2 menu items positioning them inside the Level 1 items using the drag and drop. If you have Level 3 menu items, create them and position them inside the Level 2 items using drag and drop. Click save. Your nested navigation should now match your planned navigation hierarchy.

Animation demonstrating dragging a menu item to the right to nest below another menu item

Your shop Header and Navigation are now complete, time to move on to a crucial step, Setting up your Homepage!