Sridhar Katakam

Genesis and WordPress Tutorials

White background site header in Parallax Pro

by 3 Comments

This tutorial provides the changes to be in Parallax Pro to set up a transparent site header (fixed, by default) on the homepage that gets a white background when scrolling down.

Inner pages will be set to show white background header all the time.

Homepage:

Homepage when scrolled:

Inner page:

Inner page when scrolled:

860px and below:

Tested in Parallax Pro 1.3.3

Step 1

Create a file named say, main.js in wp-content/themes/parallax-pro/js directory having the following:

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

    • >