ā–¼
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:
https://preview.webflow.com/preview/polyhyphen?utm_medium=preview_link&utm_source=designer&utm_content=polyhyphen&preview=68ecaa9115c2dc3b68f101b0b2c82d53&mode=preview

@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
Cheers

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

1 Like