Making major changes to mobile breakpoints


I have a custom animation that looks great on desktop, but terrible on mobile. I re-exported the animation at a proper aspect ratio for mobile, but when I switch it out on mobile, it also switches it for desktop. So now my animation looks good on mobile, but terrible on desktop.

From reading around, it looks like there’s no way to only switch the animation on mobile? Please let me know if there is a solution to this. Thanks!

Here is my site Read-Only: Webflow - Troi Valles | Video Editor and Motion Graphics Designer

Hey @troi and welcome to the community! :wave:

While you can’t modify an existing interaction for a certain breakpoint, you can affect which breakpoints an interaction occurs on and simply trigger a separate one that works better for smaller devices.

At the bottom of the panel after clicking on an interaction you can control which breakpoint the interaction will trigger on:


1 Like