Announcement bar

A slim strip that sits above the header in the header group. Each message is a block, so you can add, reorder and remove them from the theme editor. With more than one message they rotate.

If there are no message blocks the section renders nothing at all — no empty strip.

Section settings

Setting	Type	Default	What it does
Rotate between messages	Checkbox	true	Cycle through the messages. Only applies when there is more than one
Seconds per message	Range 3–12 s	5	Seconds each message is held before the next one

Blocks

Message, up to 5.

Setting	Type	Default	What it does
Text	Inline rich text	Free shipping worldwide · 400 units a run	The message. Bold, italic and links are allowed
Button link	URL	—	Makes the whole message a link

The theme’s preset ships one message block.

How rotation works

Only the first message is visible; the rest are hidden, and a timer swaps which one is shown. Rotation is skipped entirely — all messages stay put with the first one showing — when any of these is true:

• there is only one message block
• rotate is off
• the visitor has prefers-reduced-motion: reduce
• the global Motion → Enable motion setting is off

The timer pauses on mouseenter and on focusin, so a message that is a link can actually be clicked or tabbed to, and resumes on mouseleave.

Keep messages roughly the same length

The bar is sized by its content, so a 12-word message followed by a 3-word one makes the header jump as it rotates. Write them to a similar length, or use one message.

When rotation is active the bar is marked up as a labelled role="region", so screen reader users can find it rather than having content change under them silently.

Related

• Header
• Section groups