You need to inspect the navigation item using your browser inspect.

Screenshot_26.png


Look for that bit, and then you'll need to add something like this in extra.less:

Code:
.XenBase .p-pageWrapper a[data-nav-id="xfmg"]:before {
    content: "\f03d";
}

Full list here: https://fontawesome.com/cheatsheet

Let me know if you need any further help.
 
Last edited:
You need to inspect the navigation item using your browser inspect.

View attachment 9712

Look for that bit, and then you'll need to add something like this in extra.less:

Code:
.XenBase .p-pageWrapper a[data-nav-id="xfmg"]:before {
    content: "\f03d";
}{/code]

Full list here: https://fontawesome.com/cheatsheet

Let me know if you need any further help.
Tried this on flat awesome for mine but didnt work, tried 2.

Code:
/* Navigation Icons */
.XenBase .p-pageWrapper a data-nav-id="live_cams" :before {
    content: "\f03d";
}
/****/

and

Code:
/* Navigation Icons */
.XenBase .p-pageWrapper a [data-nav-id="live_cams"] :before {
    content: "\f03d";
}
/****/
 
Try removing the space between the a and the [.
Code:
a[data-nav-id="Live_Cams"]:before { content: "\f03d";}

Past that it could be a problem with your class name.
 
Try removing the space between the a and the [.
Code:
a[data-nav-id="Live_Cams"]:before { content: "\f03d";}

Past that it could be a problem with your class name.
If i remove the space it will place the favicon code infront of my nav tekst.

I renamed it to cams and the nav id to cams but still nothing no icon.

I also have an item placed in cams but its not showing when you click the dropdown.

I'm on flatawesome though, if that makes a difference.
 
Last edited:

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back