How to setup a mega menu / mega dropdown navigation

A mega menu allows you to group submenus in columns where a large number of organized links can be viewed by a customer at one time.

In order to show a mega menu your navigation must contain 3 levels of links.

Level 1 would contain your top-level links.
Level 2 (Submenus of level 1) would create the headings for each column
Level 3 (Submenus of level 2) Contain the links that populate each column

A 3 level navigation should look like this:

Once you have a 3 level menu established, you can configure your theme to show a mega menu. 

1. Open themes > customize theme and expand the Header section.

2. Based on your theme, you will select the type of menu you’d like to show by adding a block to the header group:

   • Testament: Megadropdown

   • Vantage: Collections mega menu, Links in columns or Links with images

   • Foodie: Links with images

   • Drop: Links with images or Collection list

   • Icon: Mega menu, Submenu with image or Submenu with hours

   • Fashionopolism: Mega dropdown or Links with images

   • Forge: there is no option to select a megamenu here. It will automatically show if you have a Collection with 3-levels (as described above). An image will show if you have a featured image on the Collection page.

   • Mr Parker:  Collections mega dropdown or Links with Images

1. In the Menu item input, enter the name of the link containing your submenus which you would like to convert to a mega menu. This input is case sensitive, so the entry must be identical.
   In our example above, we would enter: Shop.

2. Test by hovering on the link and click save.