The Top Bar is a thin utility strip displayed above the main header, commonly used for contact info, announcements, social icons, or an event countdown timer.
| Setting | Description |
|---|---|
| Enable Top Bar | Master toggle. When enabled, the thin bar is visible above the header on all pages. |
| Show on Mobile | Toggle whether the top bar is visible on mobile devices. Hiding it on mobile saves screen space. |
| Enable Event Countdown | When enabled, a countdown timer to the next upcoming event is shown in the top bar. |
| Custom Text | Enter custom text or HTML to display in the top bar — contact details, a short message, or a call to action. |
| Top Bar Background Color | Sets the background colour of the top bar. |
| Height of Top Bar | Controls the vertical height of the top bar in pixels. |
| Top Bar Left Typography | Controls the font, size, colour, and style of the text displayed on the left side of the top bar. |
| Event Counter Separator Border | Adds a decorative separator between the countdown timer and other top bar content. |
| Social Icons Font Size | Sets the size of the social icon characters in the top bar. |
| Social Icons Link Color | Sets the default colour of social icon links in the top bar. |
| Social Icons Hover Color | Sets the colour of social icon links on hover. |
Note: The countdown timer automatically finds the next scheduled event. Ensure events have correct start dates and are set to Published.