Skip to main content
7mo ago

Rive x Webflow handling responsiveness

I'm trying to create a 3 card slider that will behave differently from desktop to mobile, since the available space will be less. So since I'm not seeing a real case study for the new Layout features (because, if I understood well it would only re-arrange my elements, not able to decide that they disappear) I opted to make two different artboards, one for desktop and one for mobile with different animation.
But, when making the switch of the visibility via Webflow, the other Rive files that should show up in the mobile viewport for instance, are invisible, unless I refresh the page.

Is there a way to make the Rive file load correctly in this kind of situation?

1 reply
7mo ago

A better option might be to show a different element based on your screen width.

PS - at 1:02 I meant to say square. :)