Here’s how to create a custom header and footer with Elementor Free version in WpResidence theme Install the WpResidence Elementor Design Studio plugin Activate the plugin Access the Header and Footer Builder from WpResidence Studio Templates or Theme Options From WordPress admin panel find the WpResidence Elementor Design Studio Click on Add New WpResidence Studio Template […]
Header
How to set Theme header and Media header (video tutorials and articles)
Content How to set General settings for Header How to set the Header Design & Login Modal How to set Global Media Header How to set Custom Media Header How to set header type 1 How to set header type 2 How to set header type 3 How to set header type 4 How to […]
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.
Custom Header Media Options
Content Image header Theme Slider header Revolution slider header Map header Video Header 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. In the backend […]
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 on which you have the following options: Header […]
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 > General > Header and set YES to Show submit property button in header? option: Add Listing button will be displayed on the header menu. Step2: Check if the Front Property Submit page exists in admin – […]
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 […]
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 and locate the panel below on which you have the following options: Main Grid Width This option defines the main content width. Default value is 1200px The entire grid will change in the front end, except the half map style page […]
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. […]
Theme Options – Design – Mobile Menu Colors
To modify mobile menu colors navigate to Theme Options > Design > Mobile Menu Colors. The colors setup in theme options applies to the mobile header and mobile menu.
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 Header Media Options
The theme allows you to set a global header for all pages, posts, properties, agents, taxonomies, archive pages, but you can also set a different header type for each page. The global hero header settings are managed from Theme Options > General > Header Settings for pages, posts, agents, and category page, and from Theme Options […]