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



previous post: Add Newsletter Opt-in to Forms
next post: Customize Your Genesis 404 Page
About Jo Couchman

I work with WordPress everyday creating working websites for a whole range of different clients and types of businesses so I am constantly researching and trying new ways to achieve different functionality and design. These tutorials are the result of all my discoveries.Find out more....

Comments

  1. Thanks Jo!

  2. You can download them from this website – http://webtreats.mysitemyway.com/154-matte-black-social-media-icons/

  3. Jo,

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

Ask a question about this tutorial or make a comment on my Facebook page

*