This tutorial is a combination of Setting up a responsive image in place of background in Minimum Pro and How to overlay a widget area on top of background image in Minimum Pro tutorials tested in the current latest Minimum Pro, 3.2.1. We shall replace the built-in Backstretch functionality with a regular embedded inline image (still selectable via the customizer) on Minimum Pro's front page, register a custom widget area and overlay it on top of the main home image. At smaller widths the widget area will be set to appear beneath the image.
Step 1Add the following in child theme's functions.php:
// Register Home Image Overlay widget area genesis_register_widget_area( array( 'id' => 'home-image-overlay', 'name' => __( 'Home Image Overlay', 'minimum' ), 'description' => __( 'Widgets placed here will appear on top of home image.', 'minimum' ), ) );
Step 2In front-page.php a) comment out or delete
To view the full content, please sign up for the membership.
Already a member? Log in below or here.