Three Sections Header

Step by Step

 

This document will explain how to customize the Three Sections Header,  to know how to apply and add links, check the instructions here.

 

Customizing the Component:

 

1. Click twice on the component to set the configurations:

 

General Settings

• Multilanguage: select ON to apply the multilanguage settings.

 

• Text Transform: select an option for the text of menu items. The options are None, Uppercase, Capitalize, and Lowercase.

 

• Number of columns: choose how many columns you want in each section of the header. 

 

• Items: select a position for each item of the header

 

• Columns Alignment: choose the positions of the columns.

 

• Logo settings: upload the image logo file.

 

• Buttons: Select ON to activate the display buttons.

• Button settings: inform the label, select a button type option on the list, inform the redirect page(need to be an internal content page), and choose a target option. To add another button click on "+Add".

 

2. On the tab Header color settings, select the color options for each item. 

 

3. Click on "Apply" to save it.