In the comments section of How to display full sized (viewport height) featured image on static Pages in Digital Pro, a user asked:
Hi Sridhar!
Thanks for your tutorials, i have tried out a handful and they all work marvelously!
I really like the approach in this tutorial with the page.php and use of featured image. How would i go about removing the .js resize and displaying the image responsive as banner instead, with a html widget on top?
This tutorial provides the steps to display featured image (if present) as a full-width (1600 x 500 image with a width: 100%) banner below the site header on static Pages in Digital Pro.
Widget(s) placed in a custom "Pages Overlay" widget area will be set to appear overlayed in the center of the featured image. At smaller widths, the widget area will appear below the image.
Tested in Digital Pro v1.1.3.
Step 1
Add the following in Digital Pro's functions.php:
