[SOLVED] Instagram Icon not displaying in social menu?

Hi,
I have an install of Wordpress 4.5.3 with the writer theme that is not displaying the social menu correctly.
With the menu enabled as per the default install but the Instagram Icon is not being displayed. Facebook and twitter work fine. Closer inspection reveals that the Instagram link is being put into the List but no icon is displayed.
How do I fix this?

Code: Select all

<div id="gk-social">
<div class="menu-social-menu-container">
  <ul class="social-menu" id="menu-social-menu">
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-259" id="menu-item-259"><a href="https://www.instagram.com/the_global_wanderer/">Instagram</a></li>
    <li class="gk-icon-fb menu-item menu-item-type-custom menu-item-object-custom menu-item-171" id="menu-item-171"><a href="https://www.facebook.com/theglobalwanderers">Facebook</a></li>
  </ul>
</div>
</div>

I worked it out finally, there was a couple of things wrong:
- I hadn't enabled the extra options for menus in screen options (Should have read the documentation better!) Once I did this Iwas able to give the menu item a class, I gave the instagram item a class of gk-icon-instagram
- A font library is used for these icons form pixelove. I added an instagram icon to an unsed letter (B) in the fonts, uploaded and then added the following to the bottom of writer-pixellove.css

Code: Select all

.gk-icon-instagram:before {
  content: "B";
}

All good, but it took some finding!