Nav Link Hover Issue - Weird Behavior

Hi Webflow community,

I have added a hover animation for my nav links, and all of them run well besides the “about” one which makes no sense. Does anyone have a fill for this behavior? Please reference my gif or life webflow publish below.

Quick Video

Webflow Project Link


Here is my public share link: LINK
(how to access public share link)

Hi @Sean_Templeton,

Welcome to the forum!

To be able to look into this further, could you please provide us with a Read-only link to your website?

Thanks!

Hi @mww,

Here is the read-only link: Webflow - Doughnut Magic

Thanks!

Change the width value in nav-link-hover-on 2 to 0 percent.

Its currently 0 pixels.

Think you’re only seeing this on About (and not all of them) due to its smaller character count combined with the 15px margin.

Thank you @A-Smith , this fixed the issue!