Community forum for knowledge and support

Updated 3 months ago

Adapting Layout 348 Component For A 6-part Vertical Scroll

At a glance

A community member is having trouble adapting the Layout 348 component on a Webflow site's homepage to accommodate a 6-part vertical scroll, despite successfully implementing it with 2 to 4 vertical scroll parts in other sections of the website. They have followed the instructions and watched a tutorial video, but are struggling to set up the interactions correctly for the 6-part scroll. Other community members suggest copying the interactions from the first item and changing the class selectors, as well as adding the same interactions for the 4th, 5th, and 6th images.

Hi everyone,

I’m encountering an issue with the Layout 348 component on a Webflow site’s homepage. We’ve successfully implemented this component in other sections on the website with 2 to 4 vertical scroll parts.

However, the challenge arises on the homepage, where I need to adapt Layout 348 for a 6-part vertical scroll.

Despite following the instructions and watching Adam’s tutorial video on this component, I’m struggling to set up the interactions correctly for a 6-part scroll. It seems like a tricky adjustment that I haven’t been able to figure out yet.

I would greatly appreciate any advice or tips from those who have experience working with Layout 348 in a similar context. If you have insights on modifying the component for more complex layouts, please share.

Sharelink
Staging link

Thank you in advance for your help!

A
2 comments

You will have to also add the same interactions for the 4th 5th and 6th image.

Probably best to copy the first item, and change the class selectors

Add a reply
Sign up and join the conversation on Slack