Announcement bar
Last updated
Last updated
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Announcement bar".
Section width
Select the section width from the dropdown menu:
Page width
Customized width
Text size
The size of the announcement text:
XX-Small
X-Small
Small
Medium
Large
X-Large
XX-Large
XXX-Large
Arrows position
Select arrows position
Enable autoplay
Enable/disable checkbox
Change announcement every
Determines the delay between transitions. Can be from 3s to 30s, increasing arithmetically of 1s (seconds)
Color scheme
Select a color scheme to set the text and background colors for the section
Top padding
Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom padding
Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Top padding on mobile
Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom padding on mobile
Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).