Community forum for knowledge and support

Updated last year

Achieving a seamless marquee animation with the header 76 component

At a glance

The community member is using the Header 76 component but is experiencing issues with the marquee animation, which is stuttering. They are unsure how to compute the correct movement percentage to achieve a smooth loop. In the comments, another community member mentions encountering a similar issue when they wrapped the Header 76 component inside a container-large, as the original component has a -120% margin top. They are asking how to compute the correct move percentage to achieve a smooth loop.

I'm using Header 76 component, but I can't get a seamless marquee animation. It stutters, and I don't know how to compute the correct movement percentage.. Here's my read-only link

M
1 comment

I encountered the issue when I wrapped the Header 76 component inside a container-large. The original component has as -120% margin top. I want to ask how to compute the correct move percentage to achieve a smooth loop?

Add a reply
Sign up and join the conversation on Slack