This solution enables you to add a full width background image which covers the entire site header container. And, you can also addd a logo
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.
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 ( logo ) in Genesis like this : On
Replace Logo With Site Title On Scroll
This solution enables you to remove your header image and replace it with the site title & description when you scroll down like you see
Template For Custom Logo & Different Menu
This page template enables you to display a different header image ( logo ) as well as a different menu on any page you select the
Set Header Image For Different Pages
The code in this tutorial enables you to set a different header image based on any condition(s). In this example, the code displays a
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 the code which uses a image named
Change Logo On Mobiles When Genesis Responsive Menu Toggled
The code in this tutorial enables you to display a different header image when the responsive hamburger menu icon is toggled open. Here's
Site Title & Description Before Header Image In Genesis
The solution in this tutorial displays your site title, your site description and then your header image like you see in the following
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 background images on different page &
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 themes site header. Based on this
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 News Pro child theme by StudioPress.
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
Metro Pro Full Width of Site Header Image
This tutorial enables you to add a responsive full width header image to the Metro Pro child theme by StudioPress. On top of this, the code
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 on clean code efficiency and mobile
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 to display perfectly at any screen
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 page. If non added, a default image named
Lifestyle Pro – Responsive Full Header Image
This tutorial, tested on the latest version of the Lifestyle Pro child theme by StudioPress, enables you to add a full width image to your
Different Header Image For Different Language
The code in this tutorial, enables you to display a different header image when a specific language is selected using the qTranslate X
Increase Logo Size for Enterprise Pro Theme
This tutorial ( which includes a video ) shows you how to change the header image size for the logo in the Enterprise Pro child theme by
Add Image Inline & Before Site Title in Genesis
This code enables you to add an image before and inline with your site title like this: In this example, the image is pulled from your