Header Style 3

Modified on Mon, 22 Apr at 5:03 PM

TABLE OF CONTENTS

I. GENERAL SETTINGS
II. BLOCK SETTINGS

I. GENERAL SETTINGS

1. Logo - Desktop

- Type: choose a type to input the logo (SVG/ Image)

- Image: select image to show or insert logo code in SVG (based on the type you choose, the system will show the exact logo in that type)
- Drag to select the custom image width

2. Logo - Mobile

- Type: choose a type to input the logo (SVG/ Image)

- Image: select image to show or insert logo code in SVG (based on the type you choose, the system will show the exact logo in that type)
- Drag to select the custom image width

Select an menu to show it on:

Main menu

Tickt to show Main menu- border top:

Mobile menu

By default, the Flyout menu will be aligned to the right hand edge of the parent item. To align the flyout menu to the right hand edge, you need to enter the menu title, if there are any menu titles, you need to add a separator ; for each. E.g: Home;Catalog

As you can see from the image below, the submenus of “Flyout Left” is aligned to the left hand edge of their parent item.

Enter menu title into the box, add separator if there're many titles

Enter menu title into the box, add separator if there're many titles

E.g: Home;Catalog

Text: enter the text to show as label next to the menu title
Menu title: enter the title you want to attach the label

II. BLOCK SETTINGS

Add blocks to enable the navigation for your menu:

When you want to enable the navigation, you must add the block "ega trigger" first and then leave other blocks under it [+menu], [+banner], [product]...

[+] Mega Trigger

- Please note that the name of Menu item entered in Mega menu trigger field must match the name of one of the first-level menu items.

- Background color and background image: you can use the color picker to adjust the color for the background or you can upload image to also set the background along with the color background