Div Jumping When Hover Border Appears

Hello All,

I have a hover bottom border appearing on my nav links. But now my div jumps each time I hover, in order to make room for the border.

I tried to put some padding and margins on it but that didn’t work. I am probably just missing something.

Please look at my read only link and hover over my nav to see what I mean!

Thank you in advance!


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

Hi @nsdesignli and welcome to the community! :smiley:

Make sure to set a transparent border with the same width on your element’s normal state

Hope this helps

3 Likes

Worked Perfectly!

Thank You!

I registered here just to give you a like. Thanks a lot … very clever solution.