Reply To: Main navigation rollover and white border

[jkinney768]

Hello,

To fix your layout issue on hover you need to change:

.postid-2113 .entry-content a:link:hover {
    color: #726258 !important;
    border-bottom: none !important;
}

To…

.postid-2113 .entry-content a:link:hover {
    color: #726258 !important;
    border-bottom: 1px solid transparent !important;
}

Or whatever kind of border you want. The issue was you were taking away the border when hovering which affected the layout.

You can easier detect those kind of issues by forcing hover states in your web tools (I use Chrome dev tools). Here are some instructions on how to do that, in case you’re unfamiliar: https://developer.chrome.com/devtools/docs/dom-and-styles#trigger-pseudo-classes-on-element