Streaming live at 10am (PST)

Navbar links move on hover

Hi there.
I set up my nabvar links to be bold on hover but in preview mode every navbar link move when hover on one of them. I created a 2px border on each nav link and made them transparent, but nothing changes.
Any suggestions?

You can see in my link:

@arif.om - the div grows a bit when the text gets bolded on hover, therefore it pushes the divs next to it. You could put them in a flex container with space-between set, which would probably solve it. You could also put a min-width on the nav links so they have a little free space to adjust. Multiple ways to solve this.

Solved it by implementing second suggestion. Thank you so much @sam-g

@arif.om - np, can you mark the solution to close the thread?

1 Like