I’m working with Clean Canvas’ Symmetry theme and am looking to shorten the duration of time that any “announcement bar” message displays before it transitions into the next message, as it’s currently static for too long IMO. Below is the .css code that applies to that announcement bar, but I can’t …

Add This Script On Your This css Code Below. I Think This Is work.

You can also directly tweak ChangeDelay value in the theme’s main.js. (In this case it’s set to 8000 = 8 seconds) It might get overridden with a theme update though. [Change anouncement bar timer.png]

Decrease visibility time of Announcement Bar message before transition

Store Design

luvlyandwilde July 11, 2024, 1:09pm 3

Thanks!

Topic		Replies	Views
Fading messages in announcement bar Dawn Theme Store Design design , customizations , css , shopify-themes , troubleshooting	2	34	November 8, 2022
HOW TO SLOW DOWN PRESTIGE THEME ANNOUNCMENT BAR TRASITION? Store Design design , header , shopify-themes , troubleshooting	2	23	July 24, 2024
Announcement Bar Issue ( Shopify Prestige Theme ) Store Design liquid , design , header , customizations , css , shopify-themes , html	3	29	January 5, 2025
Why does my sliding announcement bar keep disappearing? Technical Q&A css	0	21	March 31, 2023
How to make sliding announcement bar in studio theme? Store Design	2	61	June 20, 2022

Decrease visibility time of Announcement Bar message before transition

Related topics