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, which contains 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

Sets the placement of the logo, menu, login, and submit button in the header.

You can choose between 5 menu types.

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, selecting the “Right” option aligns 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

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

This setting is optional! Please note that all theme forms are already secured by default with WordPress Nonces.

Nonces are used to protect the forms from malicious attacks, ensuring that the forms are submitted by legitimate users and not by bots or unauthorized sources. WordPress automatically adds nonce security to the theme’s forms, providing an additional layer of protection. However, if you wish to further customize or configure nonce settings, this can be done within the theme or plugin development. Click here to read more on WordPress Nonces

To set up reCaptcha for your login and registration forms, follow these steps:

Navigate to Theme Options > Advanced > reCaptcha Settings.
Enable reCaptcha for Login and Register Forms: Set this to YES if you want reCaptcha to appear on the register form.

Set reCaptcha API Keys

You will need to generate your reCaptcha API keys from https://www.google.com/recaptcha/admin/create
Choose the version of reCaptcha you want to use (v2)
Enter the Site Key and Secret Key provided by Google in the respective fields in your theme’s reCaptcha settings.

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.

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 effect 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