I created an infinite marquee with a CMS list, on the section “Our partners confirmed for 2024”. The animation works fine on preview mode, but when I check my phone the logos overlap.
I already tried disabling responsiveness of the images. Can’t find the problem.
Here is my public share link: LINK
(how to access public share link)
The logos are not overlapping on my end (mobile preview). Did you try to publish it and see it on the live site or staging?
I check the live site on my phone and the animation looks good for a few seconds and then a few logos move in front of the rest.
Can you share the live URL?
I did this using a cms previously. Here’s the readonly you can use to copy the design: Webflow - JasonBailey
It’s essentially two copies of the same CMS inside of one wrapper, with Overflow Hidden. The animation just moves it over by -100% and resets it to 0% at the end (I believe it is a 10 second travel time)
It’s set to Class so that both copies of the Carousel move at the same time.
That is basically my current setting. I added the overflow=hidden to the wrapper and the problem persists.
I found the issue. Before, the image size was defined using MaxW and MaxH. Instead, now I set a fixed size and some how the problem went away.
