Choose whether you want to display the header or not. If enabled then you have the following options:
1. Module Position: Provide the position where you want to display the header at frontend.
2. Header Mode: Provide the position where you want to display the header at frontend.
If you choose Horizontal Menu Mode then you have the following options:
1. Horizontal Menu Mode – Here you have 3 different modes:
- Left– The logo and the menu items are positioned to the left and the header block is to the right
- Center– Here the logo is to the left, menu items in the center and header block is on the right
- Right– Here the logo is to the left, the menu items and header block are to the right
2. Header Block 1– Choose what you want to display in the header blocks from the given options in the dropdown that is:
- Blank– Leave a blank space
- Module Position– Publish a module whose position you can choose in the next option Block Position 1
- Custom HTML– You can also publish a custom HTML in the header block, simply writing your code in the next option Block 1 Custom HTML
If you choose Stacked Menu Mode then you have the following options:
2. Stacked Menu Mode– Here you have 3 different modes:
- Stacked Center– The logo, menu items, and the header block are all aligned together vertically one on top of the other. You can again choose the content for the header block in the next option:
- Stacked Separated– Here the logo and two header blocks are in the center.
- Stacked Divided– Here the logo is to the left, menu items in the center and header block is on the right
– When you select Stacked Separated it displays an extra option of Odd number menu item position to select where you want to display the extra menu item:
Select where you want to place the extra menu item in case of Odd number of menu items.
2. Header Block 1– Here you have 3 different modes:
- Blank– Leave a blank space
- Module Position– Publish a module whose position you can choose in the next option Block Position 1
- Custom HTML– You can also publish a custom HTML in the header block, simply writing your code in the next option Block 1 Custom HTML
3. Header Block 2– Here you have 3 different modes:
- Blank– Leave a blank space
- Module Position– Publish a module whose position you can choose in the next option Block Position 2
- Custom HTML– You can also publish a custom HTML in the header block, simply writing your code in the next option Block 2 Custom HTML
4. Site Menu: If you have more than one main menu created then you can choose which menu you want to show on your main site from the dropdown list.
5. End Level: You can even set up to which level you want to show the sub- menu items. By default it is set to “ALL” that means all the sub-menu items will be visible.
6. Mobile Menu: You also choose which menu you want to show at the mobile view of your site if you have 2 or more menus created.
7. End Level: You can even set up to which level you want to show the sub- menu items in mobile view. By default it is set to “ALL” that means all the sub-menu items will be visible.
8. Dropdown Trigger Choose the action to view the dropdown menu or the mega menu that is either on Hover or Click.
9. Dropdown Arrow: Choose whether you want to show the dropdown arrow or not.