After Header Image Tutorials

The tutorials in this archive contain code which enables you to add a image after the header in different Genesis child themes using different methods. 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.

Essence Pro Fixed Header

The solution in this download folder enables you to make the site header in your Essence Pro theme sticky. To do this, the color of the

Hero Image Behind Site Header & Menu With Unique Text Overlay In Genesis Sample Theme

This tutorial provides the code which enables you to display a unique hero image with unique overlaying text on any page/post using the

Hero Image Behind Site Header & Menu On Front Page In Genesis Sample Theme

This tutorial enables you to add a hero image with overlaying content behind your site header and nav menu like this : Tested using the

Show Hide Featured Image After Header On Single Posts in Monochrome Pro

This tutorial provides the instructions on how to remove the featured image after header on single posts without removing the featured image

Full Width Featured Image After Header On Any Screen

This download folder the code which displays your featured image, or a default.jpg image when none added, after the header in the Genesis

Imagely – Overlay Entry Title On Full Width After Header Featured Image At Any Screen Width

This download contains a template you select to display your featured image or default.jpg image after the header on single pages and single

Full Width Image After Header With Overlaying Title

This template enables you to display an image after the header on single posts and single pages like this : In this case, the featured

Hero Image Behind Site Header & Menu With Text Overlay In Genesis Sample Theme

This download folder contains 3 files which enable you to add a full width hero image behind your site header which also contains your menu

Full Width Image Block Revolution Pro Front Page

This tutorial shows you how to make the windows image block ( first image ) added using Gutenberg in the Revolution Pro themes front page

Refined Pro – Replace After Header Desktop Image With Different Image For Mobile Screens

This tutorial extends this tutorial by enabling you to replace the default after header image with a different image for mobiles. Here's

Custom Archive Page Template With Different Hero Images in Genesis Sample Theme

This template enables you to display each archive page using a unique image behind the archive title and site header elements like this

Monochrome Pro – Add Featured or Hero Image After Header On 404 Error Pages Using ACF

This download folder includes the files which enable you to show a featured or custom image added using ACF, after the header in the same

Monochrome Pro – Add Featured or Hero Image After Header On Single Pages Using ACF

This download folder includes the files which enable you to show a featured or custom image added using ACF, after the header on single

Monochrome Pro – Archive Templates For After Header Hero Image

The templates in this download enable you to add a unique image after the header in the same style as the featured image is displayed on

Gallery Pro – Add Featured Hero Image To Single Pages

This tutorial provides 2 different solutions which enable you to add the full width after header featured image to single pages in the same

Refined Pro – Replace Slider With Image

This tutorial provides a simple solution to replace the after header slider with a static image on the front page of the Refined Pro theme

Responsive Text Over Image Behind Header On Front Page of OutFitter Pro

This solution is a extension of this tutorial which adds a image after the header on the front page of Outfitter Pro theme. The

Add Widget After Header With Background Image Using Customizer

This solution enables you to add a full width of screen image with text overlaying the image using the customizer. The image can be

Genesis After Header Parallax Template

This download includes 2 templates which enable you to add a image after the header with the Parallax Effect. You can overlay either the

Responsive Text Over Image After Header On Front Page of OutFitter Pro

This code adds a image named image.jpg from the Outfitter Pro themes images folder after the header on the front page only like this