Site setup
Header & footer
Edit the site header and footer in their Elementor library templates — logo, menu, actions, search, and overlay behavior.
Where they live
The header and footer are Elementor library templates bound to the theme’s header and footer slots. Demo import installs both and binds them automatically; the theme falls back to a built-in PHP header and footer if no compatible template exists.
To edit either one:
- Go to Elementor → Templates → Saved Templates.
- Open the header or footer template.
- Select the Header or Footer widget inside it and edit its panel.
- Update, then reload the front end.
There is no header or footer tab in Theme Options — those settings would compete with the widget, so there is exactly one owner: the template.
Header widget panels
Select the Header widget in the header template. Content tab:
| Panel | Controls |
|---|---|
| Appearance | Chrome preset, Density |
| Behavior | Sticky header, Sticky header on mobile |
| Branding | Logo (light / transparent state), Logo (dark / solid state), Logo max height, Logo link, Logo custom URL |
| Navigation | Menu source, Custom menu, Show desktop menu, Menu style, Desktop menu depth |
| Actions | Show phone (desktop bar), Phone text, Show CTA (desktop bar), CTA text, CTA URL, Button style, Show button icon, Action order (desktop bar) |
| Actions → Mobile drawer | Show phone in mobile menu, Show CTA in mobile menu |
| Actions → Global search | Show search (desktop bar), Show search in mobile menu, Keyboard shortcut (Ctrl/Cmd+K) |
Style tab groups colors by state — Chrome — Bar, Chrome — Navigation, Chrome — Actions — each with an overlay at rest value and a solid / scrolled value, so a transparent header over a hero and the same header after scrolling can be tuned separately.
Two logos, two states
Upload both. The light logo shows while the header is transparent over a hero; the dark logo shows after scroll and on inner pages. When both are empty the header prints the site title as text, so branding never disappears.
Global search
Turning on Show search (desktop bar) adds a search action to the header. It opens a modal that suggests locations, property types, and matching listings as you type, and submits to the property archive. See Search & favorites.
Overlay vs solid header
Whether the header floats transparently over the first band is decided by the first hero widget on the page, not by the header widget. Hero Search, Hero Banner, and the Map Hero each have a Header overlay control in their Content tab.
- Overlay on — the hero starts at the top of the viewport and the header sits over it using the light chrome colors.
- Overlay off — the header renders solid and the page content starts below it.
The theme computes this server-side and prints it on the page shell, so the correct spacing and colors are in the initial HTML. If a page shows a white strip above the hero, the first widget is not a hero, or overlay is off — see Troubleshooting.
Footer widget panels
Select the Footer widget in the footer template:
| Panel | Controls |
|---|---|
| Brand | Logo, title, description |
| Social | Social profile links |
| Menu columns | Link columns, each with a heading and menu |
| Contact | Phone, email, address, hours |
| Newsletter | Newsletter block — used by the second footer layout |
| Bottom bar | Copyright line and legal links |
The Style tab adds Layout and per-area styling. Two footer layouts are available; the theme reads the choice from the widget and adjusts the footer shell so spacing matches.
Copyright accepts %year% and %site% tokens, so the line stays current without editing it every January.
Menus
Header and footer menus are ordinary WordPress menus from Appearance → Menus. The header widget can follow the theme’s primary location or a specific menu chosen in Menu source.
If your navigation is empty after switching to the child theme, the menu still exists — reassign it under Appearance → Menus → Manage Locations.
Restoring the shipped header or footer
If a template gets broken, re-run Install / update site templates on the Demo Import screen. It re-imports the bundled versions of the shell templates.