Carousel Overflow

Design help General
1

Hi- I’m trying to get a scrolling carousel of customer names on my site. I have multiple sites in my portfolio and can see that it works well on one of them, but I cannot replicate it on the other. I want the customer names to start all the way from the right of the screen and scroll all the way to the left of the screen as if they’re scrolling of the page.

I must have some block or setting cutting it off. I’ve checked the overflow but can’t figure this out.

Here is my read only link for the page where it WORKS

and here it is for the page where it doesn’t work

2

Hi there,

Here’s how to create a horizontal scrolling effect in Webflow:

  1. Create the following structure:

    • A “Track” Section (parent)
    • A “Camera” Div block (first child)
    • A “Frame” Div block (inside Camera)

  2. Style the Camera Div block:

    • Set Overflow to Hidden in the Style panel
    • Keep width at 100%
    • Ensure height accommodates your content

  3. Style the Frame Div block:

    • Set Display to Flex
    • Add your content elements inside
    • Make sure the total width accounts for all your content

  4. Set up the scroll interaction:

    • Select the Track Section
    • In the Interactions panel, choose “While scrolling in view”
    • Target the Frame Div block
    • Set the Move animation from 0vw to -300vw on the x-axis
    • Adjust the final value (-300vw) based on your content length

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

Hey @Kelly_O_Neill,

Can you please mention which page the logo loop is not working in?

Both the preview links lead to the Homepage of the site and I can see the logo animation shows up for the ‘Trusted by Shippers’ section correctly as you expect it to work.