Strange behavior - Modal menu animation

Hello Community,

I’m having some strange behavior with my mobile menu.
The animation was playing very smoothly, as planned, but suddenly, it started to play with some “lag”.

Here is a screen recording:

Here is the read-only link: https://preview.webflow.com/preview/preprod-pediatrie-nyon-ch?utm_source=preprod-pediatrie-nyon-ch&preview=e33509cf3fee1cdee2e6a961182e3dd0

Here is the live staging URL: http://preprod-pediatrie-nyon-ch.webflow.io/

The easing of the nav links elements are supposed to be set to “swing to”

Does any of you have an idea what is happening here?

Thanks a lot :pray:

Hi @Laurent_Hayoz, after taking a closer look at your site, I think the laggy behavior may be due to CSS styles on the link elements.

If you refer to the below screenshot, I’ve highlighted the transition: all property.

In general, it is best to avoid this property whenever possible. It especially causes issues with IX2 (and other JavaScript-based animations).

Hopefully this helps! Please let us know if removing this fixes the lag for you.

Note: If you must use this property on your site links, then I would suggest changing the IX2 target to a nested div wrapper so they aren’t operating on the same elements.

1 Like

Wow @danro !
Thanks a lot for your help, works like a charm :grinning: !

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