Add Full Width Header Image To Genesis Sample Theme

This tutorial provides the super simple 3 step instructions which enable you to add a full width header image to the genesis Sample child theme by StudioPress. This post has been published in reply to a question from a member.

Firstly, lets take a look at what the code produces on a fresh copy of the Sample theme.

Demo Video – 1m 25s

The video walks you through the 3 simple steps to install the code.

3 Step Installation

Step 1 : Download the folder named full-width-header below and upload it to your child themes root directory.

Step 2 : Add the following line of PHP code to your child themes functions.php file.

include_once( get_stylesheet_directory() . '/full-width-header/full-header.php' );

Step 3 : Add a image named header.png to your child themes images folder.

Here’s the full-width-header folder for logged in members.