Header Style 1

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: One

2. After that, you will see the more option for Header style below

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

 3. Save Changes

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.