1 - Pre-step

Go to Sections > Header design x (x is the design you choose)

2 - Custom Header height (60-160px)

2.1 - 60px

2.2 - 160px

2.3 - Show dropdown arrow?

3 - Mega menu

4 - Content

Do you wanna your site like this?

Before the tutorial I have a explanation:

Ok, now follow steps below:

4.1 - Megamenu (parent)

4.1.1 - Heading

4.1.2 - Link

Choose link when you click to 'DEMO' it will be navigated to that link

You can set go to homepage, collections, products and so on.

4.1.3 - Icon

Click here for getting icon code: https://icons8.com/line-awesome​

4.1.4 - Heading color/Label text

4.1.5 - Position Submenu

4.1.6 - Width Submenu

4.2 - Linklist (child)

4.2.1 - Heading

4.2.2 - Link

Set link when you click to 'HOMEPAGES' it will be navigated to that link

4.2.3 - Add menu

Add menu you wanna show. If you dont have any menu, please follow here for create a menu.

Step 01: Go to Admin > Navigation > Add menu

Step 02: Choose menu to show

4.2.4 - Width col

You can customize the width of submenus (child). Depending on the large menu for how many submenus (child) that choose the appropriate width.

Smilar with others menu (parent) and submenu (child). Lets try. If you have any issues, please contact us.

4.3 - Product (child)

This submenu is used when you want to show the product on the menu

4.3.1 - Products per page

How many products you wanna show?

4.3.2 - Collection

Choose collection to show product

4.3.3 - Column product

How many columns you wanna show per row?

4.3.4 - Countdown timmer

4.3.5 - Design image

• Use equal height images?

• Aspect Ratio: Aspect Ratio Custom will settings in General panel.

4.3.6 - Width col

You can customize the width of submenus (child). Depending on the large menu for how many submenus (child) that choose the appropriate width.

4.4 - Collection (child)

This section be use for showing collection.

4.4.1 - Image

If you dont want to show collection image so you choose other image in here.

4.4.2 - Collections design

4.4.3 - Collection

Choose collection, when click to this dection it will be navigated to that collection.

4.4.4 - Title block (optional)

Leave empty to use 'collection title' title.

4.4.5 - Width col

You can customize the width of submenus (child). Depending on the large menu for how many submenus (child) that choose the appropriate width.

4.5 - Banner (child)

4.5.1 - Image

4.5.2 - Link

Choose link, when click to image it will be navigated to that link.

4.5.3 - Content settings

• You can change color or font size by code.

4.5.4 - Width col

You can customize the width of submenus (child). Depending on the large menu for how many submenus (child) that choose the appropriate width.

4.6 - HTML (child)

• Width col:

The same way and step with others submenu. If you have any issues, lets contact us.

​

From The4

Hope you success!!