Header Styles

782 views December 9, 2019 December 16, 2019 hyun-dung 0

Go to Section tab > Header > Main Menu Settings

Header Style 1

Header Style 2

Header Style 3

Header Style 4

Header Style 5

Header Style 6

Header Style 7

Header Style 8

Header Style 9

Header Style 10

Header Style 11

Header Style 12

Header Style 13

Header Style 14

Header Style 15

  • To the Header Style 7 + 8 +16

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

How to config this type of Menu?

Step 1: Create a new Menu with Categories. This menu have menu items and sub menu items.

Step 2: Navigate to Section tab > Header >

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.

Step 3: 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.

 

Result:

  • To the Header Style 2+ 3 +4 +11

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

 

How to config this type of Menu?

Step 1: Create a new Menu for categories

Step 2: Navigate to Section tab > Header >

 

Was this helpful?