Header

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 Install the WpResidence Elementor Design Studio plugin Go to WP Admin > Appearance > Install Plugins Or go to WpResidence > Site Settings > Plugins Install and activate WpResidence Studio Activate the plugin from Appearance -> Install plugins or from […]

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

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 […]

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. […]

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. […]

Global Hero Header Media Options

The theme allows you to configure a global hero header for all pages, posts, properties, agents, taxonomies, and archive pages. You can also override these settings and set a different header type for each individual page. Help https://help.wpresidence.net/article/custom-header-options/  Where to Manage Global Hero Headers For pages, posts, agents, and category pages:Go to Theme Options > […]