Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Posted by Kerry Russell
Kerry Russell
Courses Plus Student 2,924 Points

Remove parallax

Hey all.

Hoping someone can help.

I'm using the Parallax Pro theme from Genesis.

I've set backgrounds to fixed so they don't scroll.

But, when I scroll the page, section two pushes down and I want it not to.

A bit hard to explain, be easier to just take a look.

http://www.theblogmechanic.com

Any help is much appreciated.

Thank you. Kerry

4 Answers

Chris Shaw
Chris Shaw
26,676 Points
Chris Shaw
Chris Shaw
26,676 Points

Hi Kerry,

I've personally never had any experience with that theme but after a quick check I can confirm your second section is working as expected and not moving, what you're seeing is the background image in your first section been pulled up which gives the illusion that your second section is been pushed down.

Again because I've never had any personal experience with the theme I would advise you look for any options that allow you to disable parallaxing on the background so only the text transitions up and down.

Hope that helps.

Kerry Russell
PLUS
Kerry Russell
Courses Plus Student 2,924 Points
Kerry Russell
Kerry Russell
Courses Plus Student 2,924 Points

Thanks Chris.

I suspected it could be related to the first section, have done some searching to remove parallax.

I'll keep searching to see what I can find.

Kerry

Andrew Shook
Andrew Shook
31,709 Points
Andrew Shook
Andrew Shook
31,709 Points

You can either open the file called parallx.js and comment out all the code or go into you functions.php file and comment out the line that enqueues the parallax.js file.

Kerry Russell
PLUS
Kerry Russell
Courses Plus Student 2,924 Points
Kerry Russell
Kerry Russell
Courses Plus Student 2,924 Points

Hi Andrew.

My theme is using an output.php file for the parallax sections. This much I do know. :)

Problem is, when I comment out section 1, the background doesn't show.

I tried then adding a background to section 1 in the css stylesheet, but that doesn't work.

And I haven't got a clue what the line of code that enqueues the parallax file even looks like.

It's not a big problem. Think I'll deal with it some other time. Is taking too much time now.

Thanks for your response. Kerry

Andrew Shook
Andrew Shook
31,709 Points
Andrew Shook
Andrew Shook
31,709 Points

Did you try just commenting out the entire parallax.js file. I looked at it yesterday in the console, and it doesn't appear to have any critical functionality in it other than causing section 1 and 5's background to parallax. Since all of this is being done via javascript you shouldn't need to make any changes inside of any of the php files.