> For the complete documentation index, see [llms.txt](https://staylime.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/announcement-bar.md).

# Announcement bar

A slim promotional strip above the header. Use it for free shipping notices, seasonal sales, new arrivals, or any message you want every visitor to see first. Supports multiple rotating slides, icons, images, and countdown timers.

<figure><img src="/files/hSfvCEefk4HwtBbW7IgS" alt=""><figcaption></figcaption></figure>

***

### How to find

**Theme Editor → Header group → Announcement Bar**

***

### Visibility

By default the bar shows on every page, but you can limit where it appears:

| Option              | Where it shows            |
| ------------------- | ------------------------- |
| Show                | All pages                 |
| Show on homepage    | Homepage only             |
| Show on inner pages | All pages except homepage |
| Disable             | Hidden everywhere         |

This is useful when you want different messaging strategies — for example, a "Welcome" banner only on the homepage, or a "Sale ends tonight" bar only on collection and product pages.

<figure><img src="/files/jhPzwSTHwYzvf9JiIRKS" alt=""><figcaption></figcaption></figure>

***

### Text block

Each slide in the bar is a **Text** block. You can add multiple slides that rotate automatically.

A few things worth knowing:

**Separate desktop and mobile text** — each slide has two text fields. Use a longer message on desktop and a shorter one on mobile so nothing gets cut off on small screens.

**Icons and images** — every slide can include an icon (50+ built-in options) or a custom image next to the text. A small visual makes the announcement more noticeable.

**Link** — make the entire slide clickable by adding a URL. Enable **Open in new tab** for external links.

<figure><img src="/files/LDQu5PcKxl3FIdoLzdfe" alt=""><figcaption></figcaption></figure>

***

### Countdown timer

The Announcement Bar has a dedicated **Countdown timer** block — a slide that shows a live countdown to a specific date and time.

Set the end date, time, and timezone. When the countdown expires, the timer is replaced with your **Expired text** (e.g., "Sale has ended").

<figure><img src="/files/XhZY4I9DY2kbJZyWWYyr" alt=""><figcaption></figcaption></figure>

{% hint style="success" icon="sparkles" %}
**Tip:** Combine a countdown timer with a regular text slide — one slide announces the sale, the next shows how much time is left.&#x20;
{% endhint %}

***

### Autoplay

When you have multiple slides, enable **Autoplay** and set the speed to rotate between them automatically. If autoplay is off, visitors will only see the first slide.

<figure><img src="/files/3m9vbxudnG2MfsVX54qZ" alt=""><figcaption></figcaption></figure>

***

#### Related

* [Header](/docs/avante-themes/global-sections/header-and-navigation/header.md) — desktop navigation bar
* [Promotion Strips](/docs/avante-themes/sections/media/image-with-hotspots.md) — similar strip sections for use within page content


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/announcement-bar.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.