How to Build Header Area

This video focus on How to build Hearder Area properly on your website.

Here we use Homepage 15 on ORSON for example:

header-area-detail

You can refer our detail guide in the attached document package or this link: http://document.g5plus.net/orson

1. Build Top Bar Left

Add Three ” Text Widgets” to “Top Bar Left” Area

Go to Appearance -> Widget Manager

Add Text Widget 01:

Custom HTML

<div class="custom-dropdown-list fold-out hover">
	<span>USD <i class="fa fa-plus"></i></span>
	<ul class="fold-out-drop  drop-shadow">
	<li><a href="#">USD - US Dollar</a></li>
	<li><a href="#">EUR - Euro</a></li>
	<li><a href="#">GBP - British Pound</a></li>
	li><a href="#">INR - Indian Rupee</a></li>
	</ul>
</div>

Add Text Widget 02:

Custom HTML

<div class="custom-dropdown-list fold-out hover">
	<span>English <i class="fa fa-plus"></i></span>
	<ul class="fold-out-drop drop-shadow">
	<li><a href="#">EN - English</a></li>
	<li><a href="#">FR - French</a></li>
	<li><a href="#">DE - German</a></li>
	<li><a href="#">JA - Japanese</a></li>
	<li><a href="#">VN - Vietnam</a></li>
	</ul>
</div>

Add Text Widget 03:

2. Build Top Bar Right

Add Custom Menu and G5Plus – Social Profile Widget to “Top Bar Right” Area

Add Custom Menu Widget

For more information create menu: Cick here

Add G5Plus – Social Profile Widget :

3. Upload logo

Go to ThemeOptions >> Logo Setting tab, do follow:

4. Create Main menu

Go to Apperance >> Menus, do follow:

5. Header Settings

Go to ThemeOptions >> Header tab, then setting below

 

————-

If you have any troubles configuring your website applications with the above settings you can contact the G5Plus Support team by signing up and submit a new topic. We will be glad to assist you.

Thank you very much for choosing G5Theme!

How To Use Theme Options

This video focuses on How to use Theme Options work (ex: ORSON theme) and how to use them properly on your website.

– Theme Options are applied globally but can be overwritten by setting options in Page Options (and Preset). Theme Options are logically organnized into tabs, each tab contains all the options for that specific area within your site.
– To learn more about the difference between Theme Options, Page Options and Preset, Please refer to our “How G5Theme options work” article in this link: https://support.g5plus.net/knowledge-base/how-g5theme-options-work/

We highly encourage you to explore the theme options and experimentwith what all the available options can do.

If you have any troubles configuring your website applications with the above settings you can contact the G5Theme Support team by signing up and submit a new topic. We will be glad to assist you.