11. Header

Controls header layout, menus, logo placement, header styles, and header behavior across the site.

How to create custom Header & Footer with WpResidence Studio + Elementor Free

Here’s how to create a custom header and footer with Elementor Free version in WpResidence theme With WpResidence, you can build a completely custom header or footer with the WpResidence Studio plugin and Elementor Free. If you prefer to keep the theme default footer instead of replacing it with a Studio footer, you can manage […]

How to set the Header type 5 in WP Residence theme

We showcase the hedaer type 5 in many demos:  Napa demo   or SanJose demo  To set header type 4 navigate to Theme Options > Header > Header Settings and select type 4 to Header Layout option.

Login & Register

In WPResidence, the Login & Register forms are displayed as follows: Modal (Popup) Form when the User Login menu option is enabled in Theme Options > General > Header. Mobile Login & Register Form – A dedicated mobile form is displayed when viewed on mobile devices. Shortcode Inside Page – Help  Login & Register shortcode […]

Custom Header Media Options

Content Image header Theme Slider header Revolution slider header Map header Video Header Elementor Hero Media The theme allows you to set a global header for all pages, posts, properties, agents, taxonomies, archive pages. This is managed from Theme Options > Header Settings, but you can also set a different header type for each page. […]

Detect user city name for Header Image title or Header Video Title on Homepage.

If you use Image or Video in header you can enable this option to detect user location on homepage Demo – https://london.wpresidence.net/ Help: how to add image in header – https://help.wpresidence.net/article/1-30-3-header-image-and-parallax-effe/ Help: how to add video in header – https://help.wpresidence.net/article/1-30-3-video-header-option-for-each-page-post/

Theme Options – Default Header

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 default header options, navigate to Theme Options > Header and locate the panel below, which contains the following options: Header Settings […]

Measurement Unit Widget

This widget allows the theme to show convert the theme default measurement unit to another value selected from the widget. Default theme measurement unit is set in Theme Options > General > General Settings. The widget is added from Admin > Appearance >  Widgets > Select Sidebar > Add Widget and optionally add Widget Title […]

How to Enable the “Add Listing” Button and Form on the header

Submit property will only work with theme register/login. Step1: Enable the “Add Listing” button Navigate to Theme Options  > Header > Login / Register & Submit > Show submit property button in header? Set YES if you wish to show it Add Listing button will be displayed on the header menu. Step2: Check if the Front […]

How to add icons to menu items

Add font awesome icons independently For this end result: Follow the below steps. Go to admin – menus – edit menu   Example of Navigation Label For the spacing between icon menus we added a custom css solution (which may need to be adjusted to your number of icons .menu>li:nth-last-of-type(-n+4) a, .menu>li:nth-last-of-type(-n+4) a:hover{ padding-left: 5px!important; […]

Header Image and Parallax Effect

There are 2 options related to header images: Header image set as global header Header image set as custom header To set header image as global header navigate to Theme options > General > Header. Here you must: – Select Image for Media Header Type for all pages and upload the global header image – […]

Video Header option for each Page & Post

The Video Header options shows under Appearance Settings in Edit Page – Edit Post – Edit Agent – Edit Property (* except for when you choose to have full header slider) For the video header you can add self-hosted video in mp4, WEBM, OGV versions. You can include a cover image (in case the video […]

List Properties by Categories Widget

With the List Properties by Categories widget you can show categories: Property Action, Property Category, Property City , Property Area, Property State/County and the number of properties listed. It has the option to choose if Child Categories will be shown or not.  The same for properties Count.   Technical – How to change the order of […]

How to add the retina logos version correctly

For speed reasons, It’s very important to upload also Retina Logos. WpResidence theme is ready for screens and retina devices and the retina script will automatically detect and load retina images. Logos have just to exist. For the RETINA logos version first must create all retina versions for all regular logo options from theme. To […]

How to change mobile header height and logo size

To increase header height use this css code into theme options -> design -> custom css code .(or add in your style.css ) .mobile_header { height: 70px; } Change “70” value in the code with your own value. To increase mobile logo height use this css .mobile-logo img{ max-height: 70px; } Change “70” value in […]

How to change Header Type. How to change Logo / Menu position

To manage the header type display, logo and menu position navigate to Theme Options > General > Header and locate the panel below on which you have the following options: Header Type You can choose between 5 menu types. Help article about header type 1 setup Help article about header type 2 setup Help article […]

Disable Login & Register / Don’t allow users to register on the site

In order to not allow to users to register on the site follow the below steps: Step1: Navigate to Admin Dashboard > Settings > General and un-check Anyone can register option. Step2: Navigate to Theme Options > Header and set the option “Allow user registration?” to NO. The login modal will show, but register is disabled Optionally, you can […]

How to Setup Header type 1

To set header type 1 navigate to Theme Options > Header > Header Settings and select type1 to Header Layout option. You can also: Setup header to be transparent globally – Help article about how to manage transparent header Select header alignment Make header 100% screen-wide for all pages Header type 1 display: Above the header can […]

How to Setup Header type 2

To set header type 2 navigate to Theme Options > Header > Header Settings and select type2 to Header Layout option. You can also: Setup header to be transparent globally – Help article about how to manage transparent header Select header alignment Make header 100% screen-wide for all pages Header type 2 display:   Above the header […]

How to setup Header type 3. Vertical header

Header Type 3 – is vertical – left and open by default To set header type 4 navigate to Theme Options > Header > Header Settings and select type3 to Header Layout option. The elements from menu can be edited from admin-Appearance-Menus The vertical menu works with widgets. You can add widgets before and after the menu from […]

How to Setup Header type 4

Header type 4 demo: https://paris.wpresidence.net/ To set header type 5 navigate to Theme Options > Header > Header Settings and select type 4 to Header Layout option. Header type 4 has  3 widget areas. Each widget has 3 options: Icon, First line of text and Second line of text:   These details can be added to Theme Options […]

Theme Options – Design – General Design Settings

To manage the general design options navigate to Theme Options > Design > General Design Settings.The General Design Settings panel in WP Residence allows you to adjust the overall layout, padding, and visual appearance of your website. These options help you control how the theme displays across different devices and improve user experience. 1. Wide or Boxed […]

Theme Options – General – Logos & Favicon

To upload your own Logos & Favicon navigate to Theme Options > General > Logos & Favicon and locate the panel below on which you have the following options: Favicon Favicon is placed in the browser tab. Standard Logo It is placed on the header menu. Sticky Logo It is placed in the sticky menu. Transparent Header Logo […]

ReDirecting Login Form to another page instead of My Profile

For 1.80 and newer set a different redirect page in theme options: — For older themes: You need to go into ajaxcall.js and at line line 1077 you have wpestate_login_topbar() There is this code at line 1102 document.location.href = ajaxcalls_vars.login_redirect; Replace ajaxcalls_vars.login_redirect with your new link Or Replace get_dashboard_profile_link with your own link in css_js_include.php file. […]

Latest Listing Widget

Latest Listings widget can show properties in list or as slider from specific categories. You can show just featured properties or all.

Login & Register Widget

IMPORTANT! We use https://developer.wordpress.org/reference/functions/sanitize_text_field/ which don’t allow ” & ” in password for security reasons. The widget can be found in admin Dashboard > Appearance > Widgets. This can be used on any page that has a sidebar assigned. Related help Help article for Login & Register forms setup

Twitter Widget & Login

Letting your readers know what you’ve been doing on Twitter is very important, especially when they can be turned into new followers and, why not, also future clients. This widget is easy to use and extremely helpful at the same time. The Twitter widget and Login option require you to insert your personal Twitter account […]

Mortgage Widget

The widget is managed from Admin – Appearance – Widgets. Use drag and drop to set the widget to your desired widget area. Watch the below video for more information.

Facebook Box Widget

The WP Estate Facebook widget shows fans, stream and the Facebook header of your page, without having to look for any other detail elsewhere. You add your Facebook URL in the widget, click save and it’s done! Admin management area – use the widget to add to your desired sidebar and type your facebook page […]

Featured Listing Widget

In this widget you have to type the Property ID you’d like to show and a second line. Id’s can be easily found in properties list from admin: Go to Admin-Appearance-Widgets and add the Featured Listing in the sidebar as per your wish   Add the Property ID  

Social Links Widget

With this widget all the important social accounts where you’re active can be shown on sidebar or in the footer. You can add information about the following URLs: RSS, Facebook, Twitter, Dribble, Google+, Linkedin, Blogger, Tumblr, Pinterest, Yahoo, Deviantart, YouTube or Vimeo.    

Widgets & Sidebars

The help article and video were created using the WordPress Classic Widgets plugin: https://wordpress.org/plugins/classic-widgets/ If you want the same look, you can install this plugin, or you can use the new default WordPress widgets editor based on Gutenberg. Content Header Widgets Dashboard Header Footer Widgets Sidebar Widgets Header Type 3 Custom Sidebars Header Widgets Header […]

How to change Menus. Primary Menu. Mega Menu. Mobile Menu. Footer Menu

Manage the Main Menu, Footer Menu and Mobile Menu To create the menu go to Appearance > Menu. Create a menu and add the links using the panels listed on the left. You can create different menus for the primary menu, footer menu, and mobile menu. When the menu is ready go to Manage Locations. […]