When hovering over nav menu and footer resources links, getting a strange effect happening..

Store Design
, , , ,
1

Hello everyone,

When I hover over items in the nav menu, as well as Resource items in the footer menu, I’m getting a strange effect that changes the shade of the text, and removes the bold.

Could someone help me figure out how to remove?

Thanks!

Link: https://www.cardboardhouse.store/
Store pw: CBH25

2

you can try something liek

.footer a {
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

.footer a:hover {
  border-color: currentColor;
}

this way the height never changes cause the border is always there just invisible at first

also check if there’s any padding or margin changing on hover some themes do fancy animations that look cool but cause that janky flicker

3

Thanks, do you also have the code for the nav items? Cheers Chris.