XF 2.2 Mobile view: Change lightning icon to Font Awesome New bubble

[djbaxter]

Need some CSS help.

I want to replace the lightning icon with the FA New bubble for mobile view only.



Looking to replace with this (just the NEW FA bubble):



Suggestions?

 

[kolakube]

You can target the What's new icon on mobile with the following selector. You will have to plug in the correct unicode from the FA icon page to get the exact icon you want:

@media all and (max-width: 650px) {
    .p-navgroup-link.p-navgroup-link--whatsnew i:after { content: '\f4ad'; }
}

 

[djbaxter]

Thank you It appears that a Font Awesome "NEW" bubble/button doesn't exist. It appears that they all need to be language-independent, like the universal international traffic signs, is that correct?