Virtue Premium Header Styles

ByHannah

Creating a site often starts with the header and with Virtue there are several built-in options for having different header styles.

Header Styles

Standard Style

header_standard

Standard Style with a secondary menu

header_secondary

Standard Style with widget area

header_widget_area

Standard with Center Logo and menu below

header_menu_below

Basic Style with shrink

When you scroll down turns to


* This style doesn’t have a secondary menu option.
* With this style the topbar is optional.

Center Logo Style Menu Items Beside

header_center_logo


* Note the left menu is the primary menu and the right menu is the secondary menu. The header is set with two menus.
* With this style the topbar is optional.

Changing the options

Setting the header style

From within the admin go to theme options > main settings. Scroll down till you see “Header Style” there you can “Choose a Header Style” and enable options like a sticky header.

Adding a logo

From within the admin go to theme options > main settings. There scroll down till you see “Logo Options”.
There you can control the logo layout (*if using the standard header style).

Next you can upload a logo one standard and one retina image (image should be twice as large as your standard logo).

If you do not have a logo the theme will automatically use your sites name. (set in the settings > general).
You can style the site name in your theme options > main settings > “Sitename Logo Font”.

Spacing around your logo is controlled just a little further down the page.

Adding a tagline

*Note this is only for standard header style.
From within the admin go to theme options > main settings. There scroll down till you see “Site Tagline – Below Logo”. You can add a tagline there and right below style the font you would like to use.

Adjusting the Logo Layout

logo_layout

*Note this is only for the standard header.

In your theme options > main settings, scrolling down to the logo options you can use one of the four options you can determine where your logo is placed as well as the menu.

Adding a menu

For a tutorial about adding a menu and the menu options see this post.