Header Style 2

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. 

Below is an example of how you can set up the Header Style 2. 

How to select the Header Style

Navigate to Theme Options > Headers > Style

1. Select Header Style: Two

1. Sticky Menu (Desktop): Enable/Disable sticky menu

Contact info

1. Enable/Disable Contact Info: you can select choose if you want to display or not the contact info
2. Phone Number: Add your phone number
3. Email Address: add your email address

Address

1. Enable/Disable Address: you can select choose if you want to display or not the address info
2. Line 1: Add your address line 1
3. Line 2: Add your address line 2

Office timing

1. Enable/Disable Office Timing: you can select choose if you want to display or not the office timing info
2. Opening Hours: Add your office hours
3. Opening Days: Add your office days

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.