Mega Menu allows you to display expanded navigation content on the header with collections, featured products, or image cards instead of a standard dropdown menu.
The theme currently supports 2 Mega Menu types:
Mega menu: Shop
Mega menu: Card
Before setting up Mega Menu, you need to create the menu structure in Shopify Navigation.
Go to: Content → Menus → Main menu
Then add menu items and submenu items based on your preferred structure.
Example:
Shop
All products
Best sellers
Hot deals
New arrivals
FACE
BODY
Hair
Mega Menu will use this navigation structure to display content on the storefront.
Go to: Header → Menu – Main menu → Select menu you created above
Then: → Add block
Then add one of the following blocks:
Mega menu: Shop
Mega menu: Card
The theme uses the "Menu item label" to determine which menu item will display the Mega Menu.
You must enter the exact menu name used in Shopify Navigation.
Example:
If your header menu is: Shop
then the Menu item label must also be: Shop
Mega Menu will not work if the menu name in Menu item label does not match exactly.
Mega menu: Shop is designed for stores with multiple collections or product categories.
You can display featured collections inside the Mega Menu.
You can also:
Add a heading for collection
Change collection position
Add a “View all” button
Link collections to collection pages
Mega Menu supports displaying featured products directly inside the dropdown menu.
You can:
Add a section heading
Change image ratio
Show vendor
Show product highlights
Add CTA buttons
It will show the menu you have added in Shopify menu. You can add a heading for it.
Mega menu: Card displays menu content as image cards or promotional banners.
Each Mega menu: Card supports up to 4 cards.
Each card can include:
Image
Title
Button
Link
You can use cards to highlight collections, products, campaigns, or promotional content inside the Mega Menu.
If you would like our team to check your setup, please contact us on Live chat.