Sridhar Katakam

Genesis and WordPress Tutorials

Parallax featured image below header in Genesis

by 2 Comments

In the comments section of Featured Parallax Section on Singular pages in Genesis, a user asked:

Hi Sridhar I sit possible for this to function without the ACF plugin? I don’t need the text area. You have other full width header image tutorials where ACF is not needed. Many thanks

This tutorial provides the steps to display full-width featured image (or if not present, a fallback image) below the header in Genesis with parallax scrolling using Parallax.js.

While the tutorial has been written for Genesis Sample, it should work with a few adjustments in any Genesis theme.

Step 1

Upload parallax.min.js to child theme's js directory (create, if not present).

Step 2

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.

  • Hi Sridhar, how do I modify the code to show the featured image only if a featured image is set. I do not want to use a default image.

    Thank you

    Reply
    • >