Header Styles

1 - Header Styles (18 options)

  • Go to Sections > Header

1.1 - Header Style 1

1.2 - Header Style 2

1.3 - Header Style 3

1.4 - Header Style 4

1.5 - Header Style 5

1.6 - Header Style 6

1.7 - Header Style 7

1.8 - Header Style 8

1.9 - Header Style 9

1.10 - Header Style 10

1.11 - Header Style 11

1.12 - Header Style 12

1.13 - Header Style 13

1.14 - Header Style 14

1.15 - Header Style 15

1.16 - Header Style 16

1.17 - Header Style 17

1.18 - Header Style 18

2 - Header Style 7 + 8 + 16

Which has a vertical menu BROWSER CATEGORIES with its MEGA MENU like below

2.1 - How to config this type of Menu?

Go to Admin > Navigation > Add menu

2.2 - Step 1:

Create a New Menu with Categories. This menu have menu items and sub menu items. We call this menu “Parent Menu”.

2.3 - Step 2:

Navigate to Section tab > Header > Link list categories > Select the Menu that has just been created. We call this menu “Parent Menu”.

Now the Menu will show in the place of the text “Browser Categories”, However if you want to customize the banner images on mega menu, you have to go to the Builder to config it.

2.4 - Step 3:

You need to create a page with these parameters:

"title": "Vertical menu Builder",
"handle": "vertical-menu",
"template_suffix": "vertical-menu"

Navigate to Mega Menu Builder viewport

You will see the list of Vertical Menu section in order

  • Click to Edit one of these Vertical Menu, you must select exactly the Parent Menu here

  • Click Add content to add elements onto the Mega menu

+ Child item: adjust the menu on this mega menu

The preview is on your right.

+ Banner image

The 1st Vertical Menu section corresponds to the 1st Mega Menu. The 2nd Vertical Menu corresponds to the 2nd Mega Menu. Remember that you must select Parent Menu for all the vertical menu sections.

3 - Header Style 2+ 3 +4 +11

3.1 - How to config this type of Menu?

Which has a vertical menu called BROWSER CATEGORIES without a Mega Menu

3.2 - Step 1:

Create a new Menu for categories

3.3 - Step 2:

Navigate to Section tab > Header > Link list categories>Select exactly the one you’ve create to show it up

From The4

Hope you success!!!