> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Announcement bar

> A slim strip above the header for short, store-wide news such as insured delivery, a salon event or the end of an offer, with an optional countdown.

![Announcement bar on the storefront](https://mintcdn.com/kwebby/l0HCHOt6KIWLP9LZ/images/vesper/announcement-bar.webp?fit=max\&auto=format\&n=l0HCHOt6KIWLP9LZ\&q=85\&s=72891b706958407437de7dded5c26acd)

Announcement bar, highlighted with the demo content

## Where to find it

Every page, above the header. In the theme editor open any page, then select Announcement bar in the Header group of the sidebar.

## How it works

* Holds up to 4 announcements. With more than one, shoppers step through them with the arrow buttons. They never change on their own.
* An announcement with a link label and a link shows the label as a link after the text.
* Each announcement can have its own countdown to the real end of an offer. A date the theme cannot read, or one that has passed, hides the countdown, and it removes itself at zero.
* On a home page that opens with the Hero film section, the bar floats over the film together with the header.
* The bar uses the Onyx color scheme (scheme 6) by default.

![Announcement bar in the theme editor](https://mintcdn.com/kwebby/ipMVAv6ECVUC3DoM/images/vesper/editor-announcement-bar.webp?fit=max\&auto=format\&n=ipMVAv6ECVUC3DoM\&q=85\&s=b04217e7ee02c0578ec485a7eb347af2)

In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview

## Edit it

* Select an Announcement block and type the text. Keep it to one short line so it does not wrap on phones.
* Add a Link label and a Link to send shoppers to a collection, the boutiques page or an event.
* To add a countdown, type the end of your discount in Offer ends, for example 2026-11-30T23:59-05:00, and change Countdown label if you like. See [Honest countdowns](https://docs.kwebby.com/gloaming/guides/honest-countdowns.md).
* Remove every Announcement block, or hide the section, to remove the bar.

## Settings

| Setting | What it does |
| - | - |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 6. |

> [!TIP]
>
> On a home page that opens with a film, the bar floats over it. With more than one announcement, shoppers step through them with arrows; they never move on their own.

## Blocks

Up to 4 blocks. Add a block with **Add block** under the section in the sidebar; drag blocks to reorder them.

### Announcement

| Setting | What it does |
| - | - |
| **Text** | Formatted text (one line). |
| **Link label** | Text. |
| **Link** | Link: a page, product, collection or web address. |

**Countdown**

| Setting | What it does |
| - | - |
| **Offer ends** | Text. Optional. The real end of your discount: date, time and time zone offset. A date the theme cannot read, or one in the past, hides the countdown. |
| **Countdown label** | Text. Default: Ends in. |

> [!NOTE]
>
> No countdown ships with the theme. Use the same end time as the discount in Shopify, so the countdown and the offer end together.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.