Header Image

Tutorials for customizing & modifying the Header Image in Genesis child themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members. Note : Not all tutorials relating to the header image tagged in this archive. You will be able to find more by using the search form.

Reduce Site Header Size When Header Image Decreases On Mobile Screens

This solution resizes the site header as the screen width reduces. In some themes like Foodie Pro,

Equal Height Inline Header Image & Header Right Widget Banner Image

This tutorial provides the code which makes your header image and a banner image you add to the

Free Tutorial

Add Responsive Header Image In Genesis Sample Theme – Beginners Guide

This beginners guide shows you how to add a full width header image to the new Genesis Sample child

2 Ways To Show Custom Header Images On Each WooCommerce Product Category Page

These solutions let you add a custom image for your logo to any WooCommerce product category page.

Logo Over Full Width Header Image

This solution enables you to add a full width background image which covers the entire site header

Add 3 Images Inline Below The Header Image In The Title Area

This tutorial provides the code which enables you to add 3 images below your default header image (

Template For Custom Logo & Different Menu

This page template enables you to display a different header image ( logo ) as well as a different

Set Header Image For Different Pages

The code in this tutorial enables you to set a different header image based on any

Full Width Responsive Blog Page Header Image

This code enables you to add a full width header image to your blog page. You can set a default in

How To Use a Different Background Image On Each Page Header In Cafe Pro

This tutorial shows you how to modify the Cafe Pro child theme by StudioPress so you can use unique

Magazine Pro Full Screen Width Responsive Header Image

This tutorial provides the code which enables you to add a full width image to the Magazine Pro

Site Title Over Full Width Header Image & Logo Floated Right

This tutorial shows you how to add a mobile responsive, full width image to the site header of the

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

Add Different Header Image To Front Page or Landing Page Template

There's different methods you can use to change the header image however, these are the best based

Different Sized Header Images For Any Screen Width – Mobile Responsive

This tutorial contains the code which enables you to add any number of header of any width or height

Lifestyle Pro – Different Full Width Header Images

This tutorial provides the code which enables you to display a unique image on any single post or

Lifestyle Pro – Responsive Full Header Image

This tutorial, tested on the latest version of the Lifestyle Pro child theme by StudioPress, enables

Different Header Image For Different Language

The code in this tutorial, enables you to display a different header image when a specific language