Community forum for knowledge and support

Updated 7 months ago

Layout 353 not working: cards not stacking

At a glance

A community member is having trouble getting Layout 353 to work, as the cards are not stacking. They checked the interactions tab and found no interactions on any elements. Another community member requested a read-only link, which was provided. The community members discussed the issue, and it was suggested that the problem might be due to an overflow hidden set on the page-wrapper element. The solution provided was to change this to the new overflow clip, which should resolve the issue for both Layout 353 and Layout 418.

Useful resources

Hi all, newbie question, I can't seem to get Layout 353 to work (the cards are not stacking)? When I checked the interactions tab, there are no interactions on any elements.

M
R
7 comments

Would you mind sending a read-only link?

okay got it. This might be unrelated but seems like an issue to mention but you have changed a global utility class text color to be white so in some layouts, there doesn't appear to be any text in them. You'll want to reset this and be more specific with your text color styling.
padding-global

Layout 353 doesn't have any interactions - we're using simple CSS to position sticky the cards at a certain point. However, you have overflow hidden set on page-wrapper. If you change this to the new overflow clip, this should resolve the issue for you.

Thank you so much!! πŸ˜„

That should resolve your issue with both Layout 353 and Layout 418. Layout 418 DOES have interactions though but also relies on position sticky.

Add a reply
Sign up and join the conversation on Slack