# 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.

* Click **Customize** on your active theme.
* Go to **Shopify Admin > Online Store > Themes.**
* In the theme editor, click **Add Section inside the Header group > Announcement Bar**.

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

<table><thead><tr><th width="308"></th><th></th></tr></thead><tbody><tr><td>Expand to full width</td><td>Enable for full width view. (Controls the container width)</td></tr><tr><td>Color scheme</td><td>Select any color scheme defined in the theme settings > Colors > Schemes.</td></tr><tr><td>Hide on mobile</td><td>Enable to hide the announcement bar on mobile devices.</td></tr><tr><td>Show border</td><td>Enable to display border below the announcement bar.</td></tr><tr><td>Enable edge fade</td><td>Enable text fading at the edges (only applicable when there is more than one Announcement block).</td></tr><tr><td><strong>Language selector</strong></td><td></td></tr><tr><td>Show language selector</td><td>Allow customers to switch languages. To configure languages, go to Dashboard> Settings > Languages.</td></tr><tr><td><strong>Currency selector</strong></td><td></td></tr><tr><td>Show country/region selector</td><td>Allow customers to switch between different countries or regions. Add countries/regions, Go to your > Markets in the store admin page.</td></tr><tr><td><strong>Social media icons</strong></td><td></td></tr><tr><td>Show social icons</td><td>To display your social accounts, link them in your theme settings > Social Media.</td></tr><tr><td><strong>Animation</strong></td><td></td></tr><tr><td>Direction</td><td><p>Select the direction of the text to animate. </p><ul><li>Right to Left</li><li>Left to Right</li></ul></td></tr><tr><td>Speed</td><td>Adjust the animation speed as per the requirement.</td></tr><tr><td>Pause on hover</td><td>Enable to pause on announcement text hover.</td></tr></tbody></table>


---

# 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://wedesigntech-1.gitbook.io/elegance/header/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.