Using Mega Menus in SSD eComm V2.0+ Theme

Adding the Mega Menu

Please note that the built in Shopify drop down menu style of navigation is still supported

The Mega Menus are setup as part of your theme and are designed to support adding additional content to your site's navigation. This includes pictures, text, multiple menus, etc. 

Step 1: Create the relevant menu(s) in your Shopify Navigation settings. You will need to create your primary menu as well any additional sub-menus. 

 

Step 2: While planning out your shop, give some thought to which primary menu items will require the Mega Menu treatment. In our example, we want to create a mega menu under the "Earrings" link in our main menu:


Step 3: Go to Admin > Online Store > Themes > Customize > Theme Settings > Mega Menus (1) and then Check the boxes next to as many mega menus as you will require (2).

(1)         

  (2)

Step 4: Once you have enabled the Mega Menus, you'll just need to go back to Sections in your theme editor and you will now be able to start setting up your menus.


The first step will be to enter the link title for each of your new Mega Menus. For our example the title needs to be "Earrings" as that is the title in the main menu.

The Link title must match the wording of the parent link exactly! 

Mega Menu Column Outline

Step 5: Click the "Add Column" button to add up to 5 columns to your menu



Each column can contain two images, up to four menus and two areas of text.

The layout of the column contents can be found below:

TOP CONTENT
 
NAVIGATION
Menu 1 link
Add a link to the title of the menu.
 
Menu 2
Menu 2 link
Add a link to the title of the menu.
 
Menu 3 link
Add a link to the title of the menu.
 
Add a link to the title of the menu.
 
BOTTOM CONTENT