Header and Mega Menu

** Header

Go to Sections > Header

Click Add Content

** There are 8 types of Menu

1 - Menu Link

The menu is just a single text without sub items, you can add a URL to this text, add a label, custom color of the label

1.1 - Label color: ‘red’ is for parent items

Result:

1.2 - To add labels such as badge (hot, new, sale…) onto the children item text, like this:

Go to Shopify Admin > Navigation > You can write when enter the menu:

1.3 - Icon:

1.3.1 - If you want use icon like this:

1.3.2 - You can write when enter the menu:

2 - Menu Standard

2.1 - Choose the parent item menu: You can create a Menu like this in the Shopify admin

Result: Menu Standard shows in vertical

2.3 - Menu label: Add a label onto the parent item text

Result:

3 - Menu Standard Col

3.1 - Choose the parent item menu:

You can create a Menu like this in the Shopify admin

Result:

4 - Item Menu Per Column

4.1 - Choose the parent item menu:

You can create a Menu like this in the Shopify admin

4.3 - Menu lable:

Add a label onto the parent item text

Result:

5 - Menu Multi Column

6 - Menu Promo

You should create a Navigation like this one to be shown up as this mega menu

Result: This type of Menu has a image for promotion at the left

7 - Menu Special

Edit the Menu Title box

Result:

** Top Menu

  • Align text

Right
Left
  • Call us

  • Email

  • Socials contact

  • Wishlist

  • Compare

  • Account

  • Link list

  • Use Linklist dropdown?

  • Use Account dropdown?

  • Use Currency dropdown?

  • Use Language app?

  • Use Custom?

** Announcement

  • Go to Section–> Header –> enable Announcement bar here

Result:

From The4

Hope you success!!!