Header Options cover the main site header appearance and behaviour, the top information bar, and the inner page banner shown on sub-pages.
Main Header
| Setting |
Description |
| 100% Header Width |
When enabled, the header stretches to full browser width. When disabled, it is constrained to the content container width. |
| Background Color |
Pick the background colour for the main header bar. |
| Background Image |
Upload an image to use as the header background instead of a flat colour. |
| Sticky Header |
Enable to keep the header fixed at the top of the viewport as the user scrolls down the page. |
Header Info Blocks
Three customisable info items are displayed in the header (e.g., phone, email, hours). Each item has:
| Setting |
Description |
| Title |
The label shown above the info text (e.g., “Free Line For You”, “Email Us”, “Working Hours”). |
| Icon |
A Font Awesome icon class (e.g., phone, envelope, clock-o) displayed alongside the info item. |
| Text |
The actual contact information text (e.g., “08037867890”, “sales@realspaces.com”, “09:00 to 17:00”). |
| Icon Typography |
Controls font size, colour, and style of the info block icons. |
| Title Typography |
Controls font size, weight, and colour of the info block title labels. |
| Text Typography |
Controls font size, weight, and colour of the info block text values. |
Top Bar
| Setting |
Description |
| Show Topbar |
Toggle the thin top bar above the main header on or off. |
| Background Color |
Set the background colour of the top bar. |
| Login Dropdown |
Enable a login/register dropdown link in the top bar. |
| Social Links |
Add and reorder social media icon links displayed in the top bar. |
| Typography |
Font settings for top bar text. |
| Link Color |
Colour of hyperlinks in the top bar. |
Inner Page Header (Banner)
| Setting |
Description |
| Hide Page Header |
Hide the banner/header image on all inner pages. |
| Header Image |
Upload a default banner image used on all inner pages that do not have their own featured image. |
| Default Banner Color |
Fallback background colour for the inner page banner when no image is set. |
| Top / Bottom Padding |
Control the vertical spacing (padding) inside the inner page banner. |
| Banner Height |
Set the minimum height of the inner page banner in pixels (default: 120px). |
| Map Height |
Set the height of the map banner variant in pixels (default: 200px). |
| Hide Page Title |
Hide the page title text from appearing over the inner page banner. |
| Title Typography |
Font family, size, weight, and colour of the page title shown on the inner page banner. |