Home / , , / Global Hero Header Media Options

Global Hero Header Media Options

6441 views

Content

What the Global Hero Header is

The Hero Header is the large visual section displayed below the website menu/header and above the page content. In WPResidence, this area can show an image, Theme Slider, Revolution Slider, map, or video.

This section is managed by the theme’s Hero Media options. It is independent from the page content created with Elementor, WPBakery, Gutenberg, or another page builder.

Important: Hero Media is not the same thing as the website header/menu, and it is not the same thing as the Elementor page content. The header/menu is managed separately. The Hero Media is the theme-controlled visual area below the menu. The page builder controls the content area below the Hero Media.

The available Hero Media types are:

  • Image
  • Theme Slider
  • Revolution Slider
  • Map
  • Video
  • None

The Hero Media can be set globally for the entire website, or individually for specific pages.

Related help:
Custom Hero Header settings

Hero Media vs header vs Elementor content

These areas are managed separately:

  • Website header/menu – this is the area with the logo, menu, login/register options, and submit button.
  • Hero Media – this is the visual area below the header/menu.
  • Page content – this is the content you edit with Elementor, WPBakery, Gutenberg, or another page builder.
Important: If you edit a page with Elementor, the Hero Media will not appear as an Elementor section. It is added by the theme above the page content.

If you use an Elementor custom header

If you create the website header/menu with Elementor or with a custom header template, that controls only the header/menu area.

It does not automatically replace the WPResidence Hero Media area.

The page structure is:

  1. Header / Menu – default theme header or custom Elementor header.
  2. Hero Media – controlled by WPResidence Hero Media settings.
  3. Page Content – controlled by Elementor, WPBakery, Gutenberg, or another editor.

If you want to build the hero section with Elementor

If you want Elementor to control the top hero section, set the Hero Media option for that page to:

None

Then edit the page with Elementor and create your hero section as the first section in the page content.

Important: When Hero Media is set to None, WPResidence does not add the theme-controlled hero area. Your Elementor first section becomes the hero area instead.

Related help:
How to manage the Header: Default Header vs Custom Elementor Header

Where to manage Global Hero Headers

For pages, posts, agents, and category pages, go to:

Theme Options > Header > Hero Media


WPResidence Global Hero Media settings

To override the global hero media for a specific page, edit that page and use the page Appearance Options.

Related help:
Custom Hero Header settings

Hero Media for Property Taxonomies

Property Taxonomy pages support two layouts:

  • Half Map
  • Standard

For Half Map

  • Select Maps as the Hero Media Header.
  • No other Hero Media option will apply for the Half Map layout.

For Standard

You can select:

  • None
  • Image
  • Theme Slider
  • Revolution Slider
  • Maps


WPResidence Property Taxonomy Hero Media settings

Hero Media for Property Pages

For property pages, go to:

Theme Options > Property Page Design

Important: If you use a Custom Property Template, the global property page Hero Media will not apply. The property layout is controlled by the custom template instead.


WPResidence Property Page Hero Media settings

Available Global Hero Header types

None

No Hero Media will be displayed.

Use this option if you want to build the hero section manually with Elementor or another page builder.


WPResidence Hero Media None option

Image

  • Add the image URL in the image field.
  • Use a wide image because it displays full width.
  • The image keeps its original proportions and adjusts based on the screen width.


WPResidence Hero Media Image option

Theme Slider

The Theme Slider displays selected properties in the Hero Media area.

If you choose Theme Slider, select the properties and slider design from:

Theme Options > Header > Hero Media – Theme Slider

  • The slider uses the featured image of each selected property.
  • For best results, use large featured images with the same size.
  • For slider designs 1 and 2, use images at least 1920px wide.
  • If the property does not appear in the selector, you can add it by Listing ID.

Detailed help:
Theme Slider / Property Theme Slider


WPResidence Theme Slider Hero Media option


WPResidence Theme Slider settings

Revolution Slider

  • If you choose Revolution Slider, add the slider name.
  • The slider name is the Alias from Revolution Slider > Slider Settings.

Related help:
Revolution Slider


WPResidence Revolution Slider Hero Media option

Maps

  • If you select Maps, map options are managed from Theme Options > Map > Map Settings.
  • For Half Map taxonomy layouts, Maps is required.

Related help:
Google Maps Settings


WPResidence Maps Hero Media option

Transparent Header options for Hero Media

The Transparent Header is a design option where the website header/menu background becomes see-through and appears over the Hero Media area.

This works best when the Hero Media has a strong background image, slider, video, or map.

WPResidence has two ways to manage the Transparent Header:

  • Global Transparent Header – applies to all pages that use the global setting.
  • Page custom setting – edit the page and use Transparent Header – Yes / No in the custom header settings.

Related help:
Transparent Header

Hero Media and search forms

WPResidence has two different ways to show search forms:

  • Theme search forms – managed from Theme Options.
  • Elementor Search Form Builder – added manually inside an Elementor page.

Theme search forms used with Hero Media

If you use the theme search form, WPResidence can place it around the Hero Media area.

The search form can show:

  • Before the Hero Media
  • After the Hero Media
  • Floating over the Hero Media

These display options are managed from:

Theme Options > Search > Advanced Search Display

The fields and layout for the global theme search form are managed from:

Theme Options > Search > Advanced Search Form

Important: These settings are for the theme search form. They apply to the theme-controlled Hero Media area, not to a search form you build manually with Elementor.

Elementor Search Form Builder

The Elementor Search Form Builder is different. It is added inside the page content with Elementor.

Use it when you want to design a custom search form directly inside an Elementor section.

This search form appears only where you add the Elementor widget.

Important: Elementor Search Form Builder does not replace or automatically sync with the global search form from Theme Options > Search > Advanced Search Form.

Which option should you use?

  • Use Hero Media + Theme Search if you want the theme to place the search form before, after, or over the Hero Media.
  • Use Hero Media: None + Elementor Search Form Builder if you want to build the hero section and search form manually with Elementor.

Related help for search forms:
Theme Options – Search – Advanced Search Display
Theme Options – Search – Advanced Search Form
Property Search Form Builder for Elementor

Some URLs in WPResidence are not regular WordPress pages created from Pages → Add New. They are WordPress archive pages generated automatically by the theme and WordPress.

This can apply to URLs such as:

  • The main properties archive page
  • Property taxonomy archive pages
  • Agent archive pages
  • Agency archive pages
  • Developer archive pages

These archive pages are created based on the link names, also called slugs, configured in:

Theme Options → General → Property, Agent, Agency, Developer Links Names

Important: If a URL is already used as an archive link by WordPress, do not create a regular page with the same slug. WordPress already uses that slug for the archive page, so reusing it for a custom page can create confusion or unexpected behavior.

Example

If the property archive link name is set to properties, WordPress can automatically use a URL such as:

yourdomain.com/properties/

In this case, properties is already used as an archive link. You should not create a regular page with the same slug if you want a separate custom page.

How the Hero Header works on archive pages

Archive pages sync with the Global Hero Header settings. This means that if the Global Hero Header is set to None, the archive page will not show a map, image, slider, video, or other hero media.

If you want archive pages to show the map in the hero area, the Global Hero Header must be set to Maps.

Important: Changing the Global Hero Header affects all pages and archive pages that use the global hero setup. It is not a change limited to only one archive URL.

How to check if the map is globally active

Go to:

Theme Options → Header → Hero Media

Check the option used for the Global Hero Media Header. If it is set to None, the map is not globally active.

To show the map globally, change the Global Hero Media Header type to Maps and save the theme options.

If you need a custom page instead of an archive page

If you need a custom page where you control the full layout with Elementor, WPBakery, Gutenberg, or another page builder, create a new page with a slug that is not already used in the Link Names settings.

For example, if properties is already used as the property archive slug, create a different custom page slug, such as:

  • all-properties
  • property-list
  • our-properties

Then you can add property list widgets, shortcodes, Elementor widgets, or custom content to that page.

If you need to override the header per page

For regular WordPress pages, you can override the global hero media from the page settings.

Edit the page and use the page Appearance Options to select a different Hero Media type for that page.

Related help: Custom Hero Header settings

Related help for Link Names

To manage the archive slugs used by Properties, Agents, Agencies, Developers, and related taxonomy pages, use the Link Names settings.

Related help: Permalinks for properties, agents, agencies and developers

Leave a Reply