Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Whole website moves 1 pixel when I hover over a nav link with a 1 pixel border hover style


Question

Site URL: https://grey-armadillo-bdg7.squarespace.com/

Hi Everyone - 

I added a custom hover style to my desktop navigation that I really like. It includes a single pixel bottom border. The problem is there is a very slight movement, I'm assuming a movement of 1 pixel, of the rest of the navigation links and the rest of the page when the user hovers on and off each nav link so it's very distracting. I understand, in theory, why everything is getting pushed down 1 pixel because I added a 1 pixel border, but I haven't figured out how to fix it. The website is not live yet so I took a video of the effect to show you what I mean. See attached video file. Any tips would be greatly appreciated.

Thank you,

Christina

nav-video-for-circle-062221.mov

Edited by christinabalch
update title to be accurate
Link to comment

4 answers to this question

Recommended Posts

  • 0

Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...