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

# Announcement bar

Displays scrolling or stacked announcements with optional social icons and contact information.

## How to access

1. **Go to** Shopify Admin → Online Store → Themes.
2. **Click** Customize on your active theme.
3. Open the **Header** group in the sidebar and select **Announcement bar**.

### Section Settings

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

| Setting                  | Description                                                               |
| ------------------------ | ------------------------------------------------------------------------- |
| Layout                   |                                                                           |
| Expand to full width     | Extends the section to the full browser width.                            |
| Color scheme             | Sets the background and text colors.                                      |
| Hide on mobile           | Hides the announcement bar on mobile devices.                             |
| Announcement style       | Sets the announcement layout. Choose from Vertical or Horizontal.         |
| Animation speed          | Controls the scrolling animation speed.                                   |
| Animation direction      | Sets the scrolling direction. Choose from Right to left or Left to right. |
| Desktop settings         |                                                                           |
| Enable social icons      | Displays social media icons in the announcement bar.                      |
| Show contact information | Displays the store contact information.                                   |
| Contact details          | Adds the contact information displayed in the announcement bar.           |

### Blocks

Add blocks to this section in the theme editor. Each block is a separate item you can add, remove, and reorder.

#### Announcement

Displays an announcement message in the announcement bar.

<figure><img src="/files/0Pc3R5kRn74SOte9xttT" alt=""><figcaption></figcaption></figure>

| Setting | Description                 |
| ------- | --------------------------- |
| Text    | Sets the announcement text. |