# Announcement Bar

The **Announcement Bar Section** allows you to display important messages, promotions, or updates at the top of your store. It enhances customer engagement and improves visibility for key information.

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

{% hint style="success" %}

1. **Go to** Shopify Admin > Online Store > Themes.
2. **Click** **Customize** on your active theme.
3. In the theme editor, **click** **Add Section > Announcement Bar**.
   {% endhint %}

<figure><img src="/files/2he2muvaDaARydZAIwA0" alt=""><figcaption></figcaption></figure>

### Settings & Customization

**Layout & Display Options**

* **Make Section Full Width** : Enable this option to extend the announcement bar across the entire screen width.
* **Color scheme:** You can customize the section’s appearance by changing the **text color, background color**, and more using **preset color** options.
* **Hide on Mobile** : Enable/disable the announcement bar on mobile devices as needed

**Slide Settings**

* **Announcement Style** : Select between **Vertical** or **Horizontal** display.
* **Animation Speed** : Adjust the animation speed for desired effect (Set to **60** for smooth scrolling.)
* **Animation Direction** : Choose **Left to Right** (works only in **Horizontal** style).

**Desktop Settings**

* **Enable Social Icons** : Enable to display social media icons linked to your store’s accounts (ensure accounts are added in [Theme Settings](/lollipop-theme/theme-settings/social-icon.md) ).
* **Show Contact Information** – Display store details for easy customer access.

### Add an Announcement

<figure><img src="/files/9VOJZua19XTt6cHdPPER" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Go to **Shopify Admin > Online Store > Themes > Customize > click Announcement Bar > Add Announcement.**
{% endhint %}

**Add Announcement**

**Text**

* Add a message to display in the announcement bar.
* Such as: **"Subscribe & get 5% off on all paintings**."


---

# Agent Instructions: 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:

```
GET https://themessupport.gitbook.io/lollipop-theme/header-group/announcement-bar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.