After seeing my last post titled How to add a background image for Header and About section in Modern Portfolio Pro Davinder asked,
Looks cool, can we replace background image with Responsive slider?
In this article I share the code to
- register a 'Home Slider' widget area
- wrap the above widget area's output and Header in a custom div
- style Soliloquy slider and absolutely position Header on homepage relative to the custom div while taking care of mobile responsiveness
While the active theme used in this tutorial is Modern Portfolio Pro, the code should work in other Genesis child themes as well with minor adjustments.
Add the following in child theme's functions.php:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.