[brdlyParticipant]

Hi,
Slowly but surely I’m tweaking Integrity to look just right on my site. But I’d really like to remove/hide/stop the full border around main navigation items that appears when you click on another (not active) navigation item and then move the cursor away from that item before the new page loads. In other words I want to retain the normal active and hover indicators — in my case the orange lines above the nav links — but remove that full box that appears under the conditions I just described.
I hope that makes sense.
My site is http://www.bradleycummingsphotography.com.au and I’m using a child theme.

Thanks for your brilliant work.

Brad.

[FriechModerator]

Hi Brad.

Thanks for writing in! This is a known bug with Firefox, you can add this under Custom > CSS in the Customizer to address the issue.

a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
outline: none !important;
}

Hope it helps, Cheers!

[brdlyParticipant]

Brilliant. Thank you — that fixed it.

[ThaiModerator]

Glad it worked 🙂

If you need anything else please let us know.

[Author]

Posts