> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/unicorn-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/top-bars/announcement-bar.md).

# Announcement bar

## Announcement bar

**Mobile autoplay interval**\
Сontrol the interval between announcement changes using the slider to set a duration between 2 and 10 seconds.

#### Colors

Change the top bar colors using the **"Background"**, **"Text"**, **"Icon"**, and **"Border"** pickers. 

**Backgroun**\
Use the provided item to change the announcement bar background color.

**Text**\
Set the text color in the bar.

**Icon**\
Change the arrow background color.

**Border**\
To highlight the bar, define the border color.

***

### Item

{% hint style="success" %}
To display content columns in the bar, add the **"Item"** block by hitting the corresponding button.\
Add several blocks to display content columns on the desktop view.\
Using two or more sections in the bar activates the slider effect on mobile.
{% endhint %}

**Heading / Text**\
In the provided fields, type any promotional information such as discounts, sales, contacts, campaigns, or promoting new features/products.

**Link**\
Use the resource selector to add a page URL if you need to direct customers to a specific page when pressing text in the bar.\ <mark style="color:orange;">**Note!**</mark> Once a link redirection is specified in the field, a navigation arrow will appear for the corresponding column when the mouse hovers.

***

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="/files/igF7aMPfvgSkppque2ZC" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="/files/zyeffJHXSwcq8wvCET6b" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}