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

djbaxter

in memoriam 1947-2022
Need some CSS help.

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

lightning-icon-mobile.png

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

new-fa-not-lightning.webp

Suggestions?
 
Last edited:
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:

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

Attachments

  • Screen Shot 2020-11-12 at 1.04.39 PM.webp
    Screen Shot 2020-11-12 at 1.04.39 PM.webp
    13.9 KB · Views: 18
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?
 
Top Bottom