Megamenu config

1 - Pre-step
Go to Sections > Header design x (x is the design you choose)
You can choose Header design in Theme settings. 
Follow this instruction, please!
2 - Settings
2.1 - Custom header height
You can custom height for header from 60px to 160px .
Height: 60px
Height: 160px
2.2 - Show dropdown arrow?
The arrow will show next to menu.
2.3 - Mega menu
2.3.1 - Main menu align
Left 
Center
Right
2.3.2 - Hover effect:
You can set the effect when hovering on menu in here. 
3 - Content
Do you wanna your site like demo?
Kalles Shopify
Kalles Shopify Theme
Before the tutorial, I have a explanation:
Now follow steps below, please:
The parent menu is the menu level 1. Usually it will always be shown in the header. The child menu is the menu level 2. Usually it will show up when you hover on the parent menus.
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
Custom
Full width
Content full width
4.2 - Dropdown menu (lv 1)
You can show dropdown menu on this without using the Parent menu & child menu. You have Create menu on Navigation . You can create menu with the menu item as this
Then you can go to Admin to config dropdown menu.
4.2.1 -Settings menu
Heading:  Name's menu
Link: Add the link redirect when customer click on the heading.
Open link in: You can choose Current window(_self)  for open link on the same tab. Or choose New window(_blank) for open link on the other tab. 
Add menu: Choose the menu you want to show on here.
4.2.2 - Icon
You can go here & find the icon you want. 
4.2.3 - Custom heading color
You can enable Use cusom heading color? & set the color for title menu.
4.2.4 - Label settings
You can add Label Text and set Label Color in here.
4.2.5 - Enable Lazy menu?
This help improve page load speed.
4.2.6 - Position Submenu
Right
Left
4.3 - Item no children (lv 1)
4.3.1 - Menu title settings
Heading: Name's menu
Link: Add the link redirect when clicking on heading
Open link in: You can choose Current window(_self) for open link on the same tab.  Choose New windown(_blank) for open on the new tab
4.3.2 - Icon
You can go here & choose the icon you want to show next to the heading
4.3.4 - Custom heading color
You can set special color for heading in here.
4.3.5 - Custom label
4.4 - Linklist (child)
4.4.1 - Heading
4.4.2 - Link
Set link when you click to 'HOMEPAGES' it will be navigated to that link
4.4.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.4.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.
16.67%
33.33%
Smilar with others menu (parent) and submenu (child). Lets try. If you have any issues, please contact us.
4.5 - Linklist 2 (child)
4.5.1 - Width column
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.2 - Add menu 
You can add the menu you want to show on dropdown & see the result.
4.6 - Product (child)
This submenu is used when you want to show the product on the menu
4.6.1 - Products per page
How many products you wanna show?
4.6.2 - Collection
Choose collection to show product
4.6.3 - Column product
How many columns you wanna show per row?
4.6.4 - Countdown timmer
4.6.5 - Design image
Use equal height images?
Aspect Ratio: Aspect Ratio Custom will settings in General panel.
4.6.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.
25%
33.3%
50%
4.7 - Collection (child)
This section be use for showing collection.
4.7.1 - Image
If you dont want to show collection image so you choose other image in here.
4.7.2 - Collections design
Default
Design 02
Design 03
4.7.3 - Collection
Choose collection, when click to this dection it will be navigated to that collection.
4.7.4 - Title block (optional)
Leave empty to use 'collection title' title.
4.7.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.
33.3%
25%
50%
4.8 - Banner (child)
4.8.1 - Image 
4.8.2 - Link
Choose link, when click to image it will be navigated to that link.
4.8.3 - Content settings
You can change color or font size by code.
4.8.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.
33.3%
25%
4.9 - HTML (child)
Width col:
33.3%
25%
The same way and step with others submenu. If you have any issues, lets contact us.
​
From The4
Hope you success!!