Store Admin --> Online Store --> Customize --> Sections --> Main Navigation
From here, You can configure the Top Navigation and Menu Labels for your store using Simple Menu Links, Megamenu, or Dropdown options.
Single Links #
From your shopify store admin :
Click Online Store --> Customize --> Sections --> Main Navigation --> Add Single Links
Set Links Name and Select Menu Link.
Dropdown Menu #
From your shopify store admin :
Click Online Store --> Customize --> Sections --> Main Navigation --> Add Dropdown Menu
Set Link Name, Menu Link and Select Dropdown Menu
MM Simple #
- Display Up to 6 Menu Columns in this Megamenu
- Display up to 4 Image Banners at Right or Bottom
From your shopify store admin :
Click Online Store --> Content --> Menus --> Add Menu with Sub Menu Items As display below.
below screenshot is only for reference
Store Admin --> Online Store --> Customize --> Sections --> Main Navigation --> Add MM Simple
Add Links Name, Select Menu, Set Columns, Set Image Banners(Optional).
Below are few designs for MM Simple (Simple Megamenu navigation)
MM Products #
From your shopify store admin :
Click Online Store --> Customize --> Sections --> Main Navigation --> Add MM Products
- Display Featured Products on Left or fullwidth
- Display Banner With or Without Text on Right Side(Optional)
Add Links Name, Menu Link and Select Collection to display products. Set Products Limit, Columns and Buttons.
Set Featured Column with image, title, subtitle, buttons and link.
Here are few designs for MM Products.
MM Top Image Columns #
- Display Up to 5 Columns with Image On Top
- Display Up to 5 Images Banner with Title and Links
Store Admin --> Online Store --> Content --> Menus --> Add Menu with Sub Menu Items.
To use Megamenu Top Image Columns, you need to create different menus for each columns. I.e. If you want to display 4 columns to Display Women, Men, Kids, and Accessories collection then you need to create 4 different menus with sub menu links for each column.
Follow this article to read more in details : How to create Menu?
Now Go to :
Store Admin --> Online Store --> Customize --> Sections --> Main Navigation --> Add MM Top Image Columns
Display up to 5 columns with Column title, image, image links and menus
Here are few designs for this megamenu.
MM Background Image #
- Display Up to 6 Columns with Background Image
Store Admin --> Online Store --> Content --> Menus --> Add Menu with Sub Menu Items As display below
Reference screenshot
Now Go to :
Store Admin --> Online Store --> Customize --> Sections --> Main Navigation --> Add MM Background Image
Below is reference design for this megamenu style
MM Advanced – For Avone Theme #
Store Admin --> Online Store --> Content --> Menus --> Add Menu with Sub Menu Items As display below.
Reference screenshot
Store Admin --> Online Store --> Customize --> Sections --> Main Navigation --> Add MM Advanced
Add Link Name, Menu Link, Select Menu, Set Columns for Sub menu links and select collections from products block to display products on right side of menu for each main links ( Which display on left side of menu) .
Below are few designs for MM Advanced
MM Custom HTML #
- Display Custom HTML
Store Admin --> Online Store --> Customize --> Sections --> Main Navigation --> MM Custom HTML
Set Custom HTML code here
Set Menu Labels #
Explore various demo stores to view live examples.