Header

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

Theme options – Design – Header Design & Login Modal

To manage the header design and login modal options navigate to Theme Options > Design > Header Design & Colors and locate the panel below on which you have the following options: Login/Register Modal Image and Message These options apply for this modal: Header and Sticky Header Height With these options, you can change the […]

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 – General – Header

To manage the general header options navigate to Theme Options > General > Header and locate the panel below on which you have the following options: Show top bar widget menu? Yes/No If yes you must setup the widgets you wish to show on the top bar area. Help article about how to setup topbar […]

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 You can take other fontawesome icons from our theme list of icons – https://help.wpresidence.net/article/font-awesome/ For the spacing between icon menus we added a custom css solution (which may need […]

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 > General > Header and select type1 to Header Type? 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 be displayed top bar. […]

How to Setup Header type 2

To set header type 2 navigate to Theme Options > General > Header and select type2 to Header Type? 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 can be displayed top […]

How to Setup Header Type 3. Vertical Menu.

In order to set header type must follow the below steps: Step1: Navigate to Theme Options > General > Header and select type3 to Header Type? option. You can also select Text alignment. Header type 3 – is vertical – positioned on the right side and closed by default The Login/Register will not be included in the header type 3. […]

How to setup Header type 4. Vertical header

Header Type 4 – is vertical – left and open by default To set header type 4 navigate to Theme Options > General > Header and select type4 to Header Type? option. The elements from menu can be edited from admin-Appearance-Menus The vertical menu (type 3 and type 4) work with widgets. You can add widgets before and after menu from Admin -Appperance Widgets. […]

How to Setup Header type 5

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

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. 3. Sticky Logo It is placed in the sticky menu. Transparent 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. […]

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