The Header Options section lets you control the appearance and behaviour of the site header — the topmost area of your website that typically contains your logo, navigation, and contact details.
| Setting | Description |
|---|---|
| Header Layout | Choose from multiple header layout styles. Options include a standard single-row header, a stacked header with logo centred above the navigation, or a split header with logo on the left and navigation on the right. |
| 100% Header Width | When enabled, the header bar stretches edge-to-edge across the full browser width. When disabled, the header follows the site width defined in Layout Options. |
| Header Background Color | Sets a solid background colour for the header. Click the colour picker and select your desired colour, or enter a hex value directly. |
| Header Background Image | Upload or select a background image for the header area. You can also set the image position, repeat behaviour, and whether the image is fixed or scrolls with the page. |
| Sticky Header | When enabled, the header stays fixed at the top of the screen as the user scrolls down. This keeps your navigation always accessible without the user needing to scroll back to the top. |
| Sticky Header Style | Select a visual style for the sticky header — for example, a smaller, more compact version that activates when sticky mode kicks in. |
| Inner Page Header | Controls the banner area shown at the top of inner pages (not the homepage). This section typically displays the page title and breadcrumb. You can enable/disable it or adjust its height. |
| Inner Page Header Background | Sets a default background image or colour for the inner page banner. Individual pages can override this using the page-level settings in the WordPress editor. |
Note: Changes to sticky header settings may require a browser cache clear to appear correctly on the front end.