Turning off and on Animations

Design help Animations & Interactions
1

I am making everything look tidy when I bring my website to mobile view and tablet view. Though I have set up an animation that works great in Desktop. Though I would prefer to just turn off the animation while in tablet/mobile. I thought this could be done simply by clicking off it while in Tablet mode so it took affect all the way down. Though it turns the animation off as well for desktop.

Any suggestions or help would be greatly appreciated.

Thanks,

Andrew

(Animation I am referring to is the Nav bar animation. Which is attached the the top paragraph on my home page and the titles on most of the other pages.)

View site hereWebsiteGenii.webflow.io
Read only preview here

2

That’s a known struggle, unfortunately you can’t disable / enable interactions for specific mobile breakpoints yet.

@samliew explained it in the topic below:
"The workaround for this is to have two copies. One visible for desktop only, one visible for mobile only.

Apply the interaction to the desktop one."

1 Like
3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.