Social Networking Icons in Website Header

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



You should also read these tutorials…