Access the Header Theme Options via Appearance > Theme Options > Header.
To Customize the Header Color, Header Fonts and Background Image, goto Appearance > Skin Editor > Header.
Header Position
Choose to display the Header on the Left or the default Top position.
Header Style
Choose to display the Header in different Styles.
- Inline: The default is Inline, the logo and menu are displayed horizontally inline. Control the alignment of both Logo and Menu Vertically and Horizontally.
- Stacked: This option displays the Logo stacked on top of the Menu. Control the alignment of both Logo and Menu.
- Logo in Middle of Menu: This option allows for the Logo to appear in the center of the menu.
Header Width
Set the Header width to the Site Width, defined by the the Maximum Site Width value ( Theme Options > Layout ) or the width of the Browser using the Browser Width option.
Header Padding
Set the Padding of the Header area.
Header Height
Set the height of the Header area. Use any valid CSS unit, e.g. 400px or 30vh.
Sticky Header
The Sticky Header option will allow the Header to follow the user as they scroll down the page.
Sticky Header Mode
Menu
Menu Item Margin
Set the Margin values for the Menu Items when the Sticky Header is activated.
Menu Item Padding
Set the Padding values for the Menu Items when the Sticky Header is activated.
Sticky Menu Font Size
Set the Font Size of the Menu Items when the Sticky Header is activated.
Logo
Logo Margin
Set the Margin values for the Logo when the Sticky Header is activated.
Sticky Logo Height
Set the Height of the Logo when the Sticky Header is activated. It’s recommended to set the Logo Height smaller than the normal size to maximise real estate on the page when scrolling down the page.