The Header section controls the appearance of the main site header — the area containing your logo, navigation, and optional utility elements at the top of every page.
| Setting | Description |
|---|---|
| Header Layout | Choose from multiple header design styles, including a stacked logo-above-nav layout, side-by-side logo-and-nav, centred logo, and a full-width navigation bar (Layout 3). Each style positions the logo, navigation, and social icons differently. |
| Header (Logo Area) Background Color | Sets a semi-transparent or solid background colour for the logo area of the header. This allows a two-tone header design, separate from the navigation bar. |
| Header (Logo Area) Background Image | Uploads a background image specifically for the logo area of the header. |
| Header Drop Shadow | Adds a CSS drop shadow below the header to visually separate it from the page content below. |
| Header Border Radius | Applies rounded corners to the header container. Relevant mainly in Boxed layout mode. |
| Social Links | Displays your configured social media icon links in the header area. Social profile URLs are set separately in the Social section. |
Note: Header Layout 3 (Full Width Navigation) has additional dedicated settings for its navigation bar background and link colours in the Menu section.