Transparent Header

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. 

Header style

To display the transparent header style:

1. Navigate to Theme Options > Headers > Style 
2. Select Header Style Four.

Assign a transparent header to a page

1. In your sidebar navigate to
2. Pages and edit each page where you want to display the transparent header
3. Check for Page Navigation Options box at the end of the page
4. In the box find where it says Main Menu Transparent? and select Yes

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 dimension 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.