Fixing Scroll Issues with Relume Component Using Sticky...

At a glance

A community member is experiencing an issue with the alignment of cards in a relume component using sticky scroll. They have tried removing and adding cards, but the issue persists. Another community member suggests that the issue may be related to the use of the content-item-3 class being used twice. They also note that the top positioning values have been edited from the original settings. The community members try resetting the top positioning, but the issue remains. Eventually, the original poster is able to resolve the issue by deleting the component and adding a fresh one, though they are unsure what caused the problem with the initial component.

Useful resources

CCarter Mitchell

Hi there, I'm having a scroll issue with a relume component using sticky scroll. The cards dont line up nicely at the end of the scroll. Does anyone know how to fix this? Here is my read only link: https://preview.webflow.com/preview/the-putting-institute?utm_medium=preview_link&utm_[…]e&preview=5baec2f6c307c57ec6b4d57d5e698902&workflow=preview

11 comments

MMatt Johnson

did you happen to remove a card?

CCarter Mitchell

yes i did, and I even tried adding one back to see if that was the problem, but the same issue occurred even with 4 cards

MMatt Johnson

right okay I see that the combo class content-item-3 is being used twice

CCarter Mitchell

Are you thinking that might be the issue?

MMatt Johnson

well its certainly part of it yeah because that combo class is what sets the top gap but the real issue looks to be that each of those values have been edited from what they were originally

MMatt Johnson

Here's a read-only of the component with zero modifications made
https://preview.webflow.com/preview/matts-exceptional-site-d324e3?utm_medium=preview_l[…]3&preview=be59afac8329e01526c36dddd757eb55&workflow=preview

You'll see that the top position setting is different than what you have.

MMatt Johnson

CCarter Mitchell

okay hmm I reset the three cards to their default top positioning and it still not working correctly. I think I'll delete it and add a fresh one and see if that works. Thanks so much for your help!

MMatt Johnson

okay strange, sounds good

CCarter Mitchell

there we go. The new one is working perfectly! Not sure what I did to the first one lol...thanks for your help!

MMatt Johnson

okay nice, no problem

Add a reply

Community forum for knowledge and support

Fixing Scroll Issues with Relume Component Using Sticky Scroll