Logo shifts when hovered

Viewing 3 replies - 1 through 3 (of 3 total)

  • Some browsers render borders as additional width to an element. So if the border is 1px wide and the user hovers over it then it pushes everything below it 1px away. A solution would be to add a white 1px border on a {} or to increase the height of a {} 1px more than the height of a:hover {}

    Thread Starter johnkim1968

    (@johnkim1968)

    Thank you, Thank you, Thank you… I’ve spent 3 days wondering how to fix that!!! I hope Karma goes good your way for answering this so correctly!!!

    Haha, you’re welcome.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Logo shifts when hovered’ is closed to new replies.