The header is prime real estate for navigation tools and Grid offers various options for this key feature of your storefront.
Use the Navigation admin to add, adjust, or remove menus. Then use the theme editor to connect the menus with the header and activate a mega navigation menu for your header.
Use the Navigation admin
Go to Online store > Navigation. Here, you’ll find two pre-populated menus: Main menu and Footer menu. You can edit the links in these menus by clicking on the titles to edit them, or create additional menus by clicking the indigo Add menu button.
Connect the menus with the header
Back in the theme editor, under Header > Navigation, connect your menu to your header. By default, it will display the Main menu, but you can connect any menu you create from the Menu dropdown.
Activate a mega navigation menu
With a dropdown menu set up, navigate to the theme editor's Header settings (Customize > Header).
Scroll to the very bottom and you will see an option to Add mega-nav.
Choose the menu item with the nested dropdown and add its title to the Mega navigation trigger. In this example, 'Shop' is the menu item that is going to be a mega navigation's trigger, so this title is added to the trigger field.
Display an image in your mega navigation
Add a Featured image (480 x 1000px JPG or PNG image). This will display to the left of the menu links in your mega navigation menu.