This tutorial extends this tutorial by enabling you to replace the default after header image with a different image for mobiles. Here's
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.
Genesis Sample Theme – Custom Archive Page Template With Different Hero Images
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
Eleven 40 Pro Responsive Image After Header
This tutorial provides the code which adds a responsive image after the header to the Eleven 40 Pro child theme by StudioPress. The
Responsive Custom Text Over Featured Image After Header
This code extends the code in this tutorial which enables you to add a responsive featured image after the header in Genesis child themes.
Special 2nd Image For Mobiles After Header At Any Screen Width
This code enables you to add a custom mobile responsive image which replaces the featured image at a specific screen width. In this example,
Genesis Responsive After Header Featured Image 100% Width
This code enables you to add the featured image after the header using width:100%; This displays the image full width regardless of the
After Header Parallax Image
This download adds a widget area after the header with a background image. The widgets background image moves at a different speed to
Responsive Text Over Image
This code makes the font size responsive so the text size increases and decreases when the size of the browser window changes without the
Responsive Image After Header On Single Pages in Genesis
This post contains 2 code snippets which enable you to add a unique image after the header on any single page. Here's how the 2
Monochrome Pro Image After Header On Any Page Type
This solution enables you to add a unique image after the header on any single page or specific page type like the Genesis blog page
Image After Header On Genesis Blog Page Template
This template enables you to display a responsive image after the header. You can add the image named default.jpg to your child themes