Scrolling Announcement Bar Not Working

Shopify Discussion

Topic summary

A Shopify store owner reports their scrolling announcement bar works on desktop but experiences issues on mobile. Specifically, the animation has a significant delay before starting on mobile devices, rather than beginning immediately when the page loads.

Current Status:

  • One responder confirmed the bar appears functional on both platforms but may not have noticed the delay issue
  • Another user provided a CSS code solution to be inserted in the theme.liquid file before the </body> tag
  • The original poster is seeking clarification on exact code placement

Unresolved:
The discussion remains open as the store owner hasn’t yet implemented or confirmed whether the proposed CSS fix resolves the mobile delay issue.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

I have a moving announcement bar which is working fine on desktop but doesn’t seem to work on mobile - how can I fix this issue?

My website is: www.piecesofthem.com.au

Thank you!

1 Like
2

Hi @piecesofthem

I’ve quickly checked your store, and it seems like the announcement bar is working fine on both Desktop and Mobile.
Could you please explain in more detail what issue you’re seeing on mobile?

s5.gif

3

Mustafa_Ali_0-1745910857266.png
Mustafa_Ali_0-1745910857266.png1280×596 114 KB

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
before the body ----->
if this code work please do not forget to like and mark it solution

4

Thank you for looking into this for me! I just had another look and on the desktop it is fine, but when I go on to mobile it takes a long time for the scroll to start instead of starting instantly when the page loads!

5

Thanks for your response :slightly_smiling_face: Where exactly do I post this code? I’ve located the theme.liquid file, but do I just paste this code at the very beginning?