Background
Background color of the announcement bar. Default color: #000000.
Usage
- Use brand black or a deep tone for luxury promos
- Pair with light text for contrast
Where it shows on the storefront
- Full width of the announcement bar
Announcement Bar
The Announcement Bar is a short message strip above the header. Use it for free shipping messages, sale updates, product launches, or other quick notes customers should see before browsing.
Where to find this
Themes → Customize → Header
In the left sidebar, open the Header group and select Announcement Bar.
This section appears at the top of your store (announcement bar sits above the main header when both are enabled).
You can show one message or rotate up to five with autoplay and arrows. Short lines work best—the bar has limited space, especially on mobile.
Theme editor overview
Select Announcement Bar in the left panel under the Header group, or click it in the preview.
On your store
A slim bar above the main header with rotating promos (for example, free shipping or a sale).
Storefront → Announcement Bar
Appearance
Text
Color of announcement message text. Default color: #F2E8D7.
Usage
- Should contrast clearly with the background
Where it shows on the storefront
- Announcement message text
Link hover
Text color when a linked announcement is hovered. Default color: #ffffff.
Usage
- Slightly brighter than body text works well on dark bars
Where it shows on the storefront
- Linked announcement text on hover
Arrow color
Color of the slider arrows. Default color: #F2E8D7.
Usage
- Match or complement the message text color
Where it shows on the storefront
- Slider navigation arrows
Arrow hover
Arrow color on hover. Default color: #ffffff.
Usage
- Helps arrows stand out when customers move between messages
Where it shows on the storefront
- Slider arrows on hover
Localization
Let shoppers change country, region, or language from the announcement bar. Turn these on only when you sell in multiple markets or languages.
Show country/region selector
Lets shoppers change market or currency from the announcement bar. Default: Off
When turned on
- Country or region selector appears in the bar (when markets are set up in Shopify).
When turned off
- Selector is hidden; shoppers change market elsewhere if available.
Show language selector
Lets shoppers change store language from the announcement bar. Default: Off
When turned on
- Language selector appears in the bar.
When turned off
- Language selector is hidden.
Slideshow
When you add more than one Announcement block, slideshow settings control how messages rotate.
Autoplay
Automatically rotates between announcement messages. Default: On
When turned on
- Messages advance on a timer.
When turned off
- Customers use arrows to change messages, or only one message shows.
Autoplay speed
Seconds each message stays visible when autoplay is on. Default: 5 s · You can choose 2 to 10 s
Usage
- Only applies when Autoplay is on
- Use 4–6 seconds for short promo lines
- Matches the editor note: time between announcement slides
Where it shows on the storefront
- Announcement bar slider timing
Show navigation arrows
Previous and next arrows on the announcement slider. Default: On
When turned on
- Customers can move between messages manually.
When turned off
- No arrows; autoplay or a single message only.
Announcement block — Content
Add an Announcement block for each message. Reorder blocks to set slide order. Content and Style settings for each block are in the same panel.
Message text
The line shoppers see in this announcement (supports basic formatting).
Usage
- Keep promos short—for example, free shipping or a launch date
- You can add up to 5 announcement blocks and reorder them
Where it shows on the storefront
- Announcement bar message area
Link
Optional. Makes the whole message clickable.
Usage
- Paste a collection, product, or page URL—or pick from the link picker
- Leave empty for text-only announcements
Where it shows on the storefront
- Clickable announcement message
Open link in new tab
When the announcement has a link. Default: Off
When turned on
- Link opens in a new browser tab.
When turned off
- Link opens in the same tab.
Text size
Size of the message in this block (under Style in the editor). Default: 13 px · You can choose 12 to 16 px
Usage
- 13–14 px suits most single-line promos
- Use 12 px only if you need a very compact bar
Where it shows on the storefront
- This announcement block’s text
Text alignment
How text lines up in the bar (under Style in the editor). Default: Center
Usage
- Left — aligns with navigation on some layouts
- Center — classic promo strip
- Right — rare; use when design calls for it
Where it shows on the storefront
- This announcement block’s text
Section spacing
Section spacing
Adds empty space above and below this section on desktop and mobile.
Usage
- Top padding (desktop) — Default: 40 px · 0–100 px
- Bottom padding (desktop) — Default: 40 px · 0–100 px
- Top padding (mobile) — Default: 40 px · 0–100 px
- Bottom padding (mobile) — Default: 40 px · 0–100 px
- When you move the slider, the gap above or below grows or shrinks