Menu jumps on hover


For the last few days I’ve been pulling out my hair to figure out how to stop my nav menu from jumping when it is hovered over. From what I can tell, there is no change between any of my states, nor is there an effect set on hover.

I think this has something to do with the positioning being set to relative, but even adjusting that seems to not bear any fruit.

Any help would be immensely appreciated! Thanks.

Here is the site
Check the read only link here

Messed around and got it working,

  • On the default state for the NAV LINKS add a 2px bottom-border and lower the opacity to 0%
  • Remove the Margin and padding for NAV LINK hover state (should all be at “0” )

Let me know if that helps ya

1 Like


This does make sense though. I assume my menu was positioned off of the border. Thanks for the help!