Announcement bar settings

Rotating or ticker announcements.

Where to find it: Open the theme editor, then select Announcement bar in the Header group at the top or bottom of the page. The announcement bar is the first section of the header group.

When you add this section, you can start from these presets: Announcement bar, Rotating announcements.

Settings

Setting	Type	Default	Options	Notes
Mode	Select	Scrolling marquee	Scrolling marquee, Rotating messages
Speed	Slider	50	10 to 200, step 10	Shown when Mode is Scrolling marquee.
Direction	Select	Left	Left, Right	Shown when Mode is Scrolling marquee.
Gap	Slider	48 px	16 to 120 px, step 4	Shown when Mode is Scrolling marquee.
Separator	Select	Dot	None, Dot, Slash, Star	Shown when Mode is Scrolling marquee.
Pause on hover	Checkbox	On		Shown when Mode is Scrolling marquee.
Autoplay	Checkbox	On		Shown when Mode is Rotating messages.
Change message every	Slider	5 s	2 to 12 s, step 1	Shown when Mode is Rotating messages and Autoplay is on.
Show arrows	Checkbox	On		Shown when Mode is Rotating messages.

Typography

Setting	Type	Default	Options	Notes
Size	Select	Medium	Small, Medium, Large
Font	Select	Accent	Heading, Accent, Body
Uppercase text	Checkbox	On

Section style

Setting	Type	Default	Options	Notes
Color scheme	Color scheme	Scheme 3
Layout width	Select	Page width	Page width, Full width
Vertical padding	Slider	8 px	0 to 24 px, step 2

Blocks

Add, reorder, duplicate or remove these blocks in the section sidebar: Announcement.

This section holds up to 8 blocks.

Announcement block settings

Setting	Type	Default	Options	Notes
Text	Inline text	Share news, offers or delivery details here
Link	Link
Show arrow after link	Checkbox	On		Shown when Link is on.
Icon	Select	None	None, Flame, Sparkle, Truck, Leaf, Star, Heart, Mail
Text color	Select	Color scheme text	Color scheme text, Accent, Custom
Custom text color	Color			Shown when Text color is Custom.