Nova: Add font awesome icon to one navigation item?

Russ

Pixel Exit Staff
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:

cannabis ape

Customer
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";
}
/****/
 

Russ

Pixel Exit Staff
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.
 

cannabis ape

Customer
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.