XF 2.2 Hover effect on Selected Navigation Tab?

Ablac

Active member
Licensed customer
I'm trying to get my Forums tab to have a Hover effect even when its the selected tab, the same hover effect that the navigation bar gives normally.

Screenshot 2020-09-22 142042.webp

But currently, when I mouse over Forums, it won't hover white like it is on HOME in that screenshot.

How can I get this to have the same hover effect even on selected tabs?
 
Add this inside your extra.less template:

Code:
.p-nav-list .p-navEl.is-selected:hover
{
    .xf-publicNavTabHover();
}

Should work.
 
So it lights up if I hover over the Down Arrow, but anywhere else it doesn't, and when I mouse off it flashes kinda strange.
 
I found a workaround I added

Code:
text-shadow:0 0 1px white;

in the Style Properties under Hover, and it gives nearly the same effect.
 
Back
Top Bottom