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 megamenu.
- Open themes > customize theme and expand the Header section
- Click Add mega menu
- 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
- Test by hovering on the link and click save