Theme Options - Header - WP Residence Help

Content

Header Settings
Login / Register & Submit
Register reCaptcha Settings
Top Bar
Hero Media Header
Hero Media – Theme Slider
Mobile Menu
Header Colors
Top Bar Colors
Mobile Menu Colors

To manage the general header options navigate to Theme Options >Header and locate the panel below on which you have the following options:

Header Settings

1. Wide Header? Yes/NO

Choose if you wish to make the header 100% screen-wide for all pages.

2. Phone Number. Leave blank to show none

By using this option you can show your phone number in the header next to Login/Register icon.

3. Header Layout

Header Layout: Sets the placement of the logo, menu, login, and submit button in the header. Note: Header Type 3 doesn’t work with the half-map property list template.

You can choose between 5 menu types.

Help article about header type 1 setup

If header type 1 is selected, you will have additional options for

Main Menu Alignment for Header Type 1?

Help article about header type 2 setup

Help article for header type 3 setup

If header type 3 is selected you will have additional settings

Header type 3 Menu Text Alignment?

Help article about header type 4 setup

If header type 4 is selected you will have additional settings

Help article about header type 5 setup

5. Logo position in header?

The “Center” option does not apply to headers of types 1, 4, and 5.

For header type 3, choosing the “Right” option will align the menu vertically on the right side of the page.

6. Header Height

You can set the header height by adding a number value in pixels. Use numbers only.

7. Sticky Header Height

You can set the sticky header height by adding a number value in pixels. Use numbers only.

8. Top Menu Font Size

You can set the menu elements font size. Use numbers only

9. Menu Item Font Size

You can set the font size for the sub-menu elements

10. Height of the border below header (in pixels)

This option adds a colored border below the header

11. Height of the border below sticky header (in pixels)

This option adds a colored border below the sticky header

Login / Register & Submit

1. Show user login menu in header? Yes/No

Choose if you wish to Enable or disable the user login menu in the header.

Help article about how to manage Users, Agents, Agencies and Developers

2.Show submit property button in the header? Yes/No

Submit property will only work with theme register/login.

If yes, Add Listing button will be displayed on the header menu.

The button will open a page that allows users to submit a property, which will be saved only if the user decides to login/register.

Note:
Check if the Front Property Submit page exists in admin – pages. If the page doesn’t exist you must create it by using the Front Property Submit template:

3. Users can type the password on registration form? Yes/NO

You can choose if the user will have the option to type the password in the register form or not.

4. Login/Register Modal Image

5. Login/Register Modal Message

These options apply for this modal:

6. Login is mandatory to save favorite properties?

You can choose if the user can save favorites without being logged -in

HELP: https://help.wpresidence.net/article/save-favorites/

7. Url where the user will be redirected after login.

You can setup the page URL on which you wish for users to be redirected after login.

If left blank we will redirect to the dashboard profile page.

Help article about how to create user dashboard pages

Register reCaptcha Settings

Please note that all theme forms are already secured by default with WordPress Nonces

To use this feature you must add site key and secret key which you take from this url https://www.google.com/recaptcha/admin/create

Choose Recaptcha V2 and add your domain name

If you get this error

1.Recaptcha: ERROR for site owner: Invalid domain for site key

Make sure the site url is valid, according to Google Standards (and as in the screenshot above)

A valid domain requires a host and must not include any protocol, path, port, query or fragment.

2. I am not Robot

In PHP.ini the setting allow_url_fopen may be set to OFF. Setting it to ON should solve this.

Submit the application and copy the credentials

Tip: If you have theme cache enabled, make sure you clear cache to see instant results.

Top Bar

Show top bar widgets menu? Yes/No

Enable or disable the top bar widgets area.

If yes you must set up the widgets you wish to show on the top bar area.

Help article about how to setup topbar widgets

Show top bar on mobile devices? Yes/No

Top Bar will not display on Mobile devices when the Sticky mobile header is set to YES!

Global transparent top bar widgets menu? Yes/No

Enable or disable the use of a transparent top bar widgets menu globally

In the backend of the page when editing it in the Appearance options section, you will also find the option to enable/disable transparent topbar and transparent top bar borders.
Help article about custom header options

Separation border for top bar widgets? Yes/No

Enable or disable the use of borders for top bar widgets globally.

Hero Media Header

Global Transparent Header

The transparent header will look good if you will choose light colors for the menu font. Hence you will need a dark background for the menu too.
In the backend of the page when editing it in the Appearance options section, you will also find the option to enable/disable the transparent header.
Help article about custom header options
Help article about how to manage transparent header

Note:
The transparent header doesn’t work with the map header setup as global header or as custom header.

2. Global Hero Media Header Type

This refers to Hero Header media and you can have control over this area for all pages, or all properties categories.

Help article about header media options

3. Hero Media Header Type for Taxonomy Pages

Media Header is the first section below header. Select what media header to use globally for taxonomies/categories. Maps selection is mandatory for Half Map layout.

4. Hero Media Header Type for Blog Posts

Select what media header to use for blog posts.

5. Parallax efect for image/video hero header media? Yes/No

Enable parallax effect for image/video hero media header globally. Parallax effect applies if your image height is larger than 300px

6. Change text over header with user location on home? Yes/No

This refers to the text you can see in the header, on the homepage, where the user can see the text with his location automatically detected.

7. Heading with user location

If the Option Change text over header with user location on home? is set to Yes, here you can set the text that will show over the image hedaer. %city% will be replaced by user city

Hero Media – Theme Slider

The theme slider will be a slider of properties and will display the featured image of the properties selected from Theme Options.

Help on how to manage Theme Slider settings

Mobile Menu

Use Sticky mobile header? Yes/NO

If yes the top bar will be hidden on mobile devices

Header Colors

In this section, you can manage colors for:

Header Background Color

Header Font Color

Sticky Menu Font Color

Header Hover Font Color

Active Menu Font Color

Header Hover Background Color

Top Menu Hover Type

Transparent Menu Font Color

Transparent Menu Hover Font Color

Dropdown Menu Background Color

Dropdown Menu Item Font Color

Dropdown Menu Item Hover Font Color

Dropdown Menu Item Hover Background Color

Dropdown Menu Item Border Color

Color of the border below header.

Color of the border below sticky header

Header type 4 – background color for second row

Header type 4 – font color for second row

Top Bar Colors

In this section, you can manage colors for :

Top Bar Background Color (Header Widget Area)

Top Bar Font Color (Header Widget Area)

Help article for how to manage the content you wish to show in the top bar

Help article for how to make the top bar with or without separation bars

Mobile Menu Colors