Step 1: Setting up menu navigation

Please log in to your Shopify Dashboard and go to Online Store> Nevigaiton

Before creating the mega-menu, you must create the menu's structure. Mega-menus work best with three-level menus (for instance, "Shop" > "Chicken" > "Air Fryer Chicken Breast").

The menu you create must contain the entire navigation structure, including the first-level links. Said otherwise, you must only have a single navigation menu (if you create one new menu for each mega-menu, this won't work).

Here is an example of how the mega-menu created for the "Shop" link looks like and how each level are related to each other:

Step 2: Creating the mega-menu

The second step involves creating a mega-menu:

1. Open the theme editor, click on the "Header" section, and click on "Add mega-menu" button:

2. The most important setting to fill is the "Menu item" setting. It must match exactly the name of the first-level links you want to create a mega-menu.

Step 3: Configuring the mega-menu

After adding the mega-menu block to your header, you can customize it by adding images.

In Sections listing, select Categories

To add new, click to Add section > Categories

Under Categories Slider section will list options to control the Slide option, click or add slide to control:

Options for each Categories:

1. Section Title
2. Font Size
3. Background Image
4. Banner Title
5. Button Label
6. Button Link

Options for each Slide:

1. Slider Image
2. Colleciton Title
3. Link collection

In Sections listing, select Slideshow

To add new, click to Add section > Slideshow

Under Categories Slider section will list options to control the Slide option, click or add slide to control:

Options for each Slide:

1. Background image
2. Sub Title
3. Title
4. Font Size
5. Details
6. Button Label
7. Button Link

In Sections listing, select Colllection List

To add new, click to Add section > Colllection List

Under Colllection List section will list options to control the Collection option, click or add collection to control:

Options for each Colllection List:

1. Heading
2. Font Size
3. Number of Columns on Desktop

Options for each Colllection List Add Collection:

1. Select Collection

In Sections listing, select Feature Product

To add new, click to Add section > Feature Product

Under Featuer Product section will list options to control the Add Block option, click or add block to control:

Options for each Feature Product :

1. Select Product to show Feature product

Options for each Feature Product Add Block:

1. Product Title
2. Product Price
3. Product Description
4. Product Variants Picker
5. Product Quantity Selector
6. Product Add to Cart Button

In Sections listing, select Product Tab

To add new, click to Add section > Product Tab

Under Product Tab section will list options to control the Menu Item option, click or add Menu Item to control:

Options for each Product Tab:

1. Heading
2. Font Size

Options for each Menu Item:

1. Select collection to show products

In Sections listing, select Porduct Hotspot

To add new, click to Add section > Porduct Hotspot

Options for each Product Hotspot:

1. Background Image

Options for each Add Hotspot:

1. Select Hotspot Product
2. Top & Bottom Possition Hotspot Icon

In Sections listing, select Offer Banner

To add new, click to Add section > Offer Banner

Options for each Offer Banner:

1. Image
2. Background Image
3. Sub Title
4. Title
5. Font Size
6. Button Label
7. Button Link

In Sections listing, select App Download

To add new, click to Add section > App Download

Options for each App Download:

1. Background Image
2. Sub Title
3. App Download Title
4. Font Size
5. App Store
6. Button Link
7. Play Store
8. Button Link

In Sections listing, select Our Chefs

To add new, click to Add section > Our Chefs

Under Our Chefs Slider section will list options to control the Chef Add option, click or add slide to control:

Options for each Our Chefs:

1. Section Title
2. Font Size

Options for each Chef Add:

1. Chef Image
2. Chef Title
3. Facebook Url
4. Twitter Url
5. Linkedin Url

In Sections listing, select Testimonial

To add new, click to Add section > Testimonial

Under Testimonial Slider section will list options to control the Testimonial Add option, click or add slide to control:

Options for each Testimonial:

1. Image

Options for each Testimonial Add:

1. Description

In Sections listing, select Counter

To add new, click to Add section > Counter

Options for each Counter:

1. Select Image

Options for each Counter Add:

1. Counter Number
2. Counter Title

In Sections listing, select Gallery

To add new, click to Add section > Gallery

Options for each Gallery:

1. Image
2. Title
3. Description
4. Button Link

In Sections listing, select Instagram

To add new, click to Add section > Instagram

Under Instagram Slider section will list options to control the Slide option, click or add slide to control:

Options for each Slide:

1. Image
2. Title
3. Instagram Id
4. Button Link

In Sections listing, select Festival Special

To add new, click to Add section > Festival Special

Options for each Festival Special:

1. Background Image
2. Title
3. Button label
4. Button Link

In Sections listing, select About us

To add new, click to Add section > About us

Options for each About us:

1. Title
2. Font Size
3. Description
4. Button Label
5. Button Link
6. Images

In Sections listing, select Photo Gallery

To add new, click to Add section > Photo Gallery

Options for each Photo Gallery:

1. images

In Sections listing, select Image With Text

To add new, click to Add section > Image With Text

Options for each Image With Text:

1. Image
2. Heading
3. Title
4. Font Size
5. Description
6. Button Label
7. Button Link

Options for each Services Add:

1. Services Name

In Sections listing, select About Video

To add new, click to Add section > About Video

Options for each About Video:

1. Image
2. Video Url
3. Title
4. Font Size
5. Description
6. Button Label
7. Button Link

In Sections listing, select Why Choose Us

To add new, click to Add section > Why Choose Us

Options for each Why Choose Us:

1. Heading
2. Title
3. Font Size
4. Description
5. Button Label
6. Button Link

Options for each Services Add:

1. Image
2. Services Title
3. Description

In Sections listing, select Food Menu

To add new, click to Add section > Food Menu

Options for each Food Menu:

1. Title
2. Font Size

Options for each Food Menu Add:

1. Image
2. Menu Name
3. Schedule
4. Link Url

In Sections listing, select Popular Food

To add new, click to Add section > Popular Food

Options for each Popular Food:

1. Tag
2. Title
3. Font Size
4. Select Colleciton
5. Button Label

In Sections listing, select Popular Menu Item

To add new, click to Add section > Popular Menu Item

Options for each Popular Menu Item:

1. Title
2. Font Size

Options for each Add Menu Item:

1. Select Collection

In Sections listing, select Menu Book

To add new, click to Add section > Menu Book

Options for each Menu Book:

1. Subtitle
2. Title
3. Font Size
4. Maximum products to show
5. Button label
6. Button link

Options for each Add Menu Item:

1. Select Collection

In Sections listing, select New ReciPes

To add new, click to Add section > New ReciPes

To add new, click to Add section > New ReciPes

Under New ReciPes section will list options to control the Slide option, click or add slide to control:

Options for each New ReciPes:

1. Subtitle
2. Title
3. Font Size
4. Description

Options for each Add New ReciPe:

1. Select Product

In Sections listing, select Food Service

To add new, click to Add section > Food Service

Options for each Food Service:

1. Title
2. Background Image
3. Button Label
4. Button Link
5. Select Products

In Sections listing, select Lunch Menu

To add new, click to Add section > Lunch Menu

Options for each Lunch Menu:

1. Subtitle
2. Title
3. Font Size
4. Select Collection
5. Background Image

In Sections listing, select Offer Product

To add new, click to Add section > Offer Product

Options for each Lunch :

1. Subtitle
2. Title
3. Background Image
4. Button Label
5. Button Link
6. Select Products