Okay
  Print

How to add a social network icon to a menu item

First, be awared this article is not about the hotlink feature.  We will learn here how to add a social network icon to a regular menu-item as we can see on our theme Karbones.




To add a social network icon to a menu item, we have to use a extra css class. 

Please go to wp-admin>appearance>menu

  1. Open the "Screen option" panel
  2. Check the "css class" option
  3. And add the css class related to the wanted social network into the new css class field available.


Here all class available: 

  • menu-icon-applemusic
  • menu-icon-bandcamp
  • menu-icon-facebook
  • menu-icon-googleplus
  • menu-icon-googleplay
  • menu-icon-instagram
  • menu-icon-mixcloud
  • menu-icon-snapchat
  • menu-icon-soundcloud
  • menu-icon-spotify
  • menu-icon-twitter
  • menu-icon-vimeo
  • menu-icon-vk
  • menu-icon-youtube