1. Introduction
2. Create Mega Menu
3. Customize Header Layout
4. View From Webstore (From Customer’s Perspective)
1. Introduction
A Mega Menu is an expandable menu that displays navigation options and information clearly without forcing your customer to dig through a maze of inner pages. Mega Menu provides enough space for images and other rich content to improve your webstore navigability and content.
2. Create Mega Menu
Step 1: Go to Webstore > Menu Management.

Step 2: You can choose to Add New Menu Set to create a new menu or click on the edit icon of the default Header to edit.

Step 3: Set the title for the menu and select Mega Menu for Header.

Step 4: Click on + Add Menu Item to create a new menu or click the edit icon to edit the existing menu.

Step 5: Insert the Menu Name > choose to link with an Internal page or Web address > select page > enable Open in New Tab if you want a new tab to open after clicking the menu.

Step 6: Choose the column for the Child Menu Widgets > click on + Add Widget.

Step 7: You can add Image/ Page link/ Text input for the widget > Next.

Image
Upload the image > if enabled image link, choose to link with the Internal page or Web address > select page > may enable Open in New Tab if you want a new tab to open after clicking the image.

Page link
Insert the Page Name > choose to link with an Internal page or Web address > select page > enable Open in New Tab if you want a new tab to open after clicking the menu.

Text input
Fill in the Heading Text and Body Text > Save.

Step 8: Once done, click on the Save button on the top right to save changes.
3. Customize Header Layout
Step 1: Go to Webstore > Webstore Builder.

Step 2: Navigate to Settings > Header > set the Menu Set to the Mega Menu > customize the layout, menu colour, text colour and the icon settings.

Step 3: Click on Save And Publish once done.
4. View From Webstore (From Customer’s Perspective)
