Archived topic
Mobile friendly font awesome snippet
3 replies · Started by Pete on December 16, 2016
Viewing posts 1–4 of 4
Just thought I'd share this nifty font-awesome snippet that tells the visitor your website is mobile-friendly...
Use this css to align the desktop icon and colour the checks:
.times-desktop.fa-2x.fa-stack-1x {margin-left:13px;}
.fa-times {color:#1ca827;}
.fa-check {color:#1ca827;}
<span class="fa-stack fa-lg">
<i class="fa fa-mobile fa-3x fa-stack-1x"></i>
<i class="fa fa-check fa-2x fa-stack-1x"></i>
</span>
<span class="fa-stack fa-lg">
<i class="fa fa-tablet fa-3x fa-stack-1x"></i>
<i class="fa fa-check fa-2x fa-stack-1x"></i>
</span>
<span class="fa-stack fa-lg">
<i class="fa fa-desktop fa-3x fa-stack-1x"></i>
<i class="fa fa-check times-desktop fa-2x fa-stack-1x"></i>
</span>
You can see it working (on desktops only) here.
Cool, thanks for sharing! :)

This archived topic is closed to new replies.