Navigation bar buttons move on hover

[ClickClickBoom]

Ello! On my forum, I have my navigation bar set so that normally the buttons look like this:



Then on hover, I have the font change n' jazz so that it looks like this when you hover over a button (Members for example):



My issue here is whenever I hover over any of the buttons, they move and shift to the right slightly. I'm havin' a bit of trouble figuring out how I fix this, if possible lmao Any help is appreciated!

[Retread]

Apr 17, 2020 22:44:24 GMT -8 ClickClickBoom said:

On my forum

A link to said forum (if it's viewable by guests) would be helpful.

From the image provided, it appears as if the font-weight and/or the font-family is changed during hover. A shift in the text being hovered (and the text which appears after) is an inherent side effect. You might be able to make some compensation to the font-size in a very small way, but that probably won't have consistent results.

Far better, in my opinion, to avoid changing the font-weight or font-family during hover and draw attention to the hover in a different manner such as changing the (gradient) background image, background color, or text color.