Updated on March 11, 2018
In the past, I covered Featured image below header on Pages and Posts with entry header overlay in Infinity Pro.
In this tutorial, we shall implement the same in Monochrome Pro's single posts and static Pages i.e., show featured image below the site header and overlay entry header (title on Pages and title + post info on posts) centered.
It should be noted that the image is NOT a background and is inserted/embedded and hence is naturally responsive.
Sample single post:
Sample static Page:
At smaller widths, entry header will be set to appear below the image.
Tested in Monochrome Pro 1.0.
Step 1
Add the following in child theme's functions.php:
// Register a custom image size for hero image on static Pages and single Posts.
add_image_size( 'page-header', 1600, 400, true );
Step 2
Create a file named say, template-pageheader.php in the Monochrome's directory having the following:
