Header Style 4

The header is probably one of the first things you will want to set up on your website. The header consists of a series of elements such as logo, navigation menu, social icons, and contact information. All these elements, such as colors, fonts, images, etc. can be customized by the Theme Options panel. 

How to select the Header Style

To select the Header Style you should Navigate to Theme Options >> Header >> Style section

1. Select Header Style: Four

1. Sticky Menu - Desktop Devices: Enable/Disable sticky menu
2. Layout: choose from Boxed or Full-Width layout
3. Navigation Align: you can select navigation alignment left or right
4. Enable or disable phone number for header 1 & 4: Enable/Disable
5. Phone Number: Enter the phone number to show on Header.

Note: The header style 4 is needed if you want to have the transparent header in your website 

Styling header Navigation, and Sub Menus colors

To customize header colors navigate to Theme Options > Styling > Navigation Bar 

Menu colors

1. Background Color: Select Color.
2. Menu Tabs Text Color: Select Color.
3. Menu Tabs Text Color On Hover: Select Color.
4. Menu Tabs Background Color On Hover: Select Color.

Transparent Menu Options 

(The transparent navigation is displayed on the splash page and when you select the transparent header)

1. Menu Tabs Text Color: Select Color.
2. Menu Tabs Text Color On Hover: Select Color.
3. Border Bottom: Select the border dimention and style.
4. Border Bottom Color: Select Color.

 

Submenu dropdown colors

1. Background Color: Select Color
2. Menu Tabs Text Color: Select Color.
3. Menu Tabs Text Color On Hover: Select Color (or Transparent).
4. Border color: Select Color (or Transparent).

Navigation Typography

To customize the navigation typography Navigate to Theme Options > Typography and use the font options available in the Navigation box.