How do I fix the wired move of the links when hover out

Hi there,
I am new to webflow but have been trying to create a site reading forums and stuff…
So inside nav menu, I have this hover animation to the links(toast, caviar, doordash), and it’s working but one thing,
when I hover out of the links, the links shake a little, and I have no idea how to fix it.
Basically I just want the links to not move whenever.

I don’t know how to upload a video here so attached is a image

Here’s the published link and a Read-Only link.
https://juris-fresh-project-fe38fc.webflow.io/contact

https://preview.webflow.com/preview/juris-fresh-project-fe38fc?utm_medium=preview_link&utm_source=designer&utm_content=juris-fresh-project-fe38fc&preview=5eae919c3a3cdbb7d59b0ad58c31a13a&pageId=5eb21e82c06242b6ca7b2b92&mode=preview

Would be great if anyone could help me out with this!
Thanks.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

try this nav-link-wapper => trigger mouse hover => on hover out =>width px change to %!
this problem?

wow, that worked!
I just realized that I have to use same unit for hover in/out.
Thanks so much!

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