Update Header

  • You can change Style of header in Apperance >> Customize >> Header

  • We are build Header by Widgets, so you can change content of header in Appearance >> Widgets

1.1 Update Style for Header

You can setup in Customize. Read here

1.2 Header Default

Apperance >> Widgets >> Choose a Sidebar/Widget to edit.

Header Default at frontend

Header Default Top Left Widget: Use Custom Html widget with code:

[ovacrs_info icon="icon_mail_alt" text="ovatheme@gmail.com" class="" /][ovacrs_info icon="icon_mobile" text="002-045-6789" class="" /]

Header Default Top Left Wieget: Use Custom HTML widget with code

[ovacrs_social][ovacrs_social_item = icon="social_facebook" link="#" /][ovacrs_social_item = icon="social_twitter" link="#" /][ovacrs_social_item = icon="social_pinterest" link="#" /][ovacrs_social_item = icon="social_googleplus" link="#" /][ovacrs_social_item = icon="social_youtube_circle" link="#" /][ovacrs_social_item = icon="social_dribbble" link="#" /][/ovacrs_social]

Header Default Cart: Use Custom HTML widget with code

[ovacrs_mini_cart /]

1.3 Header Version 1

Apperance >> Widgets >> Choose a Sidebar/Widget to edit.

Header Version 1

Header 1 Top Left Widget: Use Custom HTML widget with code

<span class="header_info">Welcome to iReca - Rent Anything</span>

Header 1 Top Center Widget: Use Custom HTML widget with code

[ovacrs_social][ovacrs_social_item = icon="social_facebook" link="#" /][ovacrs_social_item = icon="social_twitter" link="#" /][ovacrs_social_item = icon="social_pinterest" link="#" /][ovacrs_social_item = icon="social_googleplus" link="#" /][ovacrs_social_item = icon="social_youtube_circle" link="#" /][ovacrs_social_item = icon="social_dribbble" link="#" /][/ovacrs_social]

Header 1 Top Right Widget: Use Custom HTML widget with code

[ovacrs_account login_link="http://demo.ovathemes.com/ireca/wp-login.php?action=login" login_text="Login" register_link="http://demo.ovathemes.com/ireca/wp-login.php?action=register" register_text="Register" show_slash="true" /]

Header 1 Beside Logo Widget: Use Custom HTML widget with code

[ovacrs_info icon="icon_pin_alt" text="Rock St 12, Newyork City, USA" class="" /]
[ovacrs_info icon="icon_mobile" text="236-895-4732" class="box_dotted" /]
[ovacrs_info icon="icon_mail_alt" text="ovatheme@gmail.com" class="" /] 

Header 1 Cart Widget: Use Custom HTML widget with code

[ovacrs_mini_cart /]

1.4 Header Version 2

Apperance >> Widgets >> Choose a Sidebar/Widget to edit.

Header Version 2

Header 2 left Logo widget: Use Custom HTML widget with code

[ovacrs_info2 icon="icon_mobile" heading="Mobile Phone" text="+500 236-895-4732" class="" /]

Header 2 right Logo widget: Use Custom HTML widget with code

[ovacrs_mini_cart style="style2" /]

1.5 Header Version 3

Apperance >> Widgets >> Choose a Sidebar/Widget to edit.

Header Version 3

Header 3 Info widget: Use Custom HTML widget with code

[ovacrs_info icon="icon_pin_alt" text="Rock St 12, Newyork City, USA" class="" /]
[ovacrs_info icon="icon_mobile" text="236-895-4732" class="mob_yellow" /]
[ovacrs_info icon="icon_mail_alt" text="ovatheme@gmail.com" class="" /]

Header 3 Cart widget: Use Custom HTML widget with code

[ovacrs_mini_cart /]

Header 3 Search widget: Use Custom HTML widget with code

[ovacrs_search_woo /]

1.6 Header Version 4

Apperance >> Widgets >> Choose a Sidebar/Widget to edit.

Header Version 4

Header 4 Phone widget: Use Custom HTML widget with code

[ovacrs_info2 icon="icon_mobile" heading="" text="+500 236-895-4732" class="" /]

Header 4 Social widget: Use Custom HTML widget with code

[ovacrs_social][ovacrs_social_item = icon="social_facebook" link="#" /][ovacrs_social_item = icon="social_twitter" link="#" /][ovacrs_social_item = icon="social_pinterest" link="#" /][ovacrs_social_item = icon="social_googleplus" link="#" /][ovacrs_social_item = icon="social_youtube_circle" link="#" /][ovacrs_social_item = icon="social_dribbble" link="#" /][/ovacrs_social]

Header 4 Cart widget: Use Custom HTML widget with code

[ovacrs_mini_cart style="style3" /]

2: Change Header

Go to Pages >> Choose a page that want to change its header >> Find "General Settings" area, you can choose a Header Verison and other settings (Logo, Color for this page)

3: How to choose a Header for All Pages ?

Step 1: Choose header in Global

Read here

Example: Choose "Header 1".

Step 2: Setup All Custom Post Type has header like Step 1

  • Go to Appearance >> Customize >> Rental List >> General Settings >> Choose a header version in "Header Style" setting

  • Go to Appearance >> Customize >> Rental List >> Search Settings >> Choose a header version in "header search version" setting

Step 3: Choose Header Version: Global in Customizer

When create new Page/Post choose Header: global in customizer

Last updated

Was this helpful?