Social Networking Icons in Website Header

FavoriteLoadingAdd to favorite tutorials list

Hand drawn icon set by Janko at Warp SpeedAll Studio Press themes running on the Genesis Framework have a widget area called Header Right where you can drag a widget to display information on the right side of the header on every page of your website.

This is the perfect location for important information such as:

  • Contact phone, email, address
  • Social media icons linking to Facebook, Twitter etc
  • Search box or Newsletter signup box
  • Special Offers or UpComing Events

In this tutorial, you will learn:

  • Where to look for social media icon sets
  • How to add a widget to the right of your header
  • How to crop icons and add to a text widget (sample code)
  • How to link icons to your social media accounts (sample code)
  • How to customize the header right section so your information sits in the right spot


  1. Thanks Jo!

  2. You can download them from this website –

  3. Jo,

    Would it be possible to get the social icons you have shown in the Kiwi theme? Thanks!

Ask a Question