XF 2.x Navigation icon disappears if you add a link.

cannabis ape

Customer
Not sure if this is a bug but I added some extra's to the navigation with custom icons, they all work except for one, well that is until I add an url to it. I have in the navigation the item "webshop" with the cart Icon which displays but when I add the URL to the link section it disappears.

A bug?
 

Russ

Pixel Exit Staff
Custom links just need a little CSS to show the icon. I checked out your site, this CSS should work:


Code:
a[data-nav-id="webshop"]:before
{
  .m-faContent("\f27a");
}
 

cannabis ape

Customer
Custom links just need a little CSS to show the icon. I checked out your site, this CSS should work:


Code:
a[data-nav-id="webshop"]:before
{
  .m-faContent("\f27a");
}
Yes I know, I already got it working but when I bind a link to it the icon disappears.

My original code:
Code:
span[data-nav-id="webshop"]:before {
   .m-faBase();
   .m-faContent("\f7e4");
    text-align: center;
    display: inline-block;
    width: 1.25em;
    margin-right: 5px;
}
Don't know why the icon disappears then but your code solved it :)
 

Russ

Pixel Exit Staff
The CSS for the icons on each link is technically there, you just need to set an icon code. My code will cover the off-canvas links as well :).

Let me know if you need anything else.
 

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.