Header

Topic summary

A user is experiencing an issue with their Shopify announcement bar where text appears centered and moving, but they want it to scroll continuously from beginning to end instead.

Desired behavior:

  • Text should scroll in a continuous loop
  • Animation should start from the beginning and move to the end
  • Similar to a marquee effect

Solution provided:

  1. Navigate to Online Store → Edit Code
  2. Locate the theme.liquid file
  3. Insert custom code above the closing tag

The response includes a code snippet (though the actual code content appears corrupted in the thread) intended to create the desired scrolling effect. Screenshots were shared showing both the current state and the desired outcome.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

Screenshot 2024-10-30 130211.png

This is my current announcement bar. My text is only showing in the middle and its moving. I want it to be look like moving but to start text in the beginning to end. Pretty much same as the picture under.

Screenshot 2024-10-30 130048.png

https://devourn.myshopify.com/

Hey @n1tendo

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed