Font Awesome in menu

Hi studio-dlhastings!

You can generate the Icon shortcode on a page then get the icon shortcode’s actual html. You can do this using google chrome. Inspect the elements to see the actual markup. It looks something like this:

<span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello"></span></span>

Create a custom link on Appearance > Menus then add the code above as menu label.

Cheers!
Ismael