You can choose between 7 Types of headers while creating your Pages. Simply adding the Header Type CSS class to the Header Element will activate the Header Type. The list of Header Type Classes & its descriptions are provided below for your reference:
Setting | Description |
---|---|
|
Default Header with a White Background & Dark text. Ex:
|
|
Header with a Dark Background & Light text. Ex:
|
|
Header with a Transparent Background. This header is effective for showing Sliders or other types of Hero Images on the Top with a Transparent Logo & Menu. You can add the Ex:
|
|
Header with a Semi Transparent Background. You can add the Ex:
|
|
This activates the Floating Header. You can add the Ex:
|
|
This is a Side Header Left Aligned. Unlike the above Headers, this class should be added to the Ex:
|
|
This is a Side Header Left Aligned which is hidden by default & opens via a Trigger. Unlike the above Headers, this class should be added to the Ex:
|
|
This is a Side Header Left Aligned which is hidden by default & opens via a Trigger. When the Header opens, it also pushes the wrapper to the right. Unlike the above Headers, this class should be added to the Ex:
|
|
This is a Side Header Right Aligned. Unlike the above Headers, this class should be added to the Ex:
|
Last Modified: June 2, 2020