Mega Menu

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

1. Setup Navigation Menu

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.

2. Add Mega Menu

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

3. Menu item label

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

4. Mega menu: Shop

Mega menu: Shop is designed for stores with multiple collections or product categories.

4.1. Collections Section

You can display featured collections inside the Mega Menu.

You can also:

• Change collection position

• Add a “View all” button

• Link collections to collection pages

4.2. Product Showcase

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

5. Mega menu: Card

Mega menu: Card displays menu content as image cards or promotional banners.

Card Items

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.