XF 2.2 Change icon in the header navigation

quimerics

New member
Hi,

How to change the icon for one page in the header navigation?

I'm trying this code in extra.less:
.p-navEl-link[data-nav-id='idhere']:before {content: '\f1e8'}

but it does not work :(

Thanks.
 

Russ

Well-known member
Did you change the "idhere" to your class?

Additionally, you may need a higher selector to work:

Code:
#XF .p-navEl-link[data-nav-id='idhere']:before { content: "\f1e8"; }
 

quimerics

New member
Did you change the "idhere" to your class?

Additionally, you may need a higher selector to work:

Code:
#XF .p-navEl-link[data-nav-id='idhere']:before { content: "\f1e8"; }
hi, yes. I can change my icon with that code, but sadly it doesn't works for "\f1e8" :
.offCanvasMenu, .p-navEl
{
a[data-nav-id="EWRrio"]:before { .m-faContent("\f03d") !important;}
}
 

quimerics

New member

That's a brand icon, requires a little more CSS.
i have already tried that too. does not show any icon
 
Top