Back to Theme support

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. 

  1. Open themes > customize theme and expand the Header section
  2. Click Mega menu or Links in columns ( theme dependent )
  3. 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
  4. Test by hovering on the link and click save