PARALLAX WEBSITE

I am currently working on a parallax website from scratch and I have come into a slight problem. On the landing page I have a photo covering the full screen with a navigation bar at the
top of the page placed within a white container which is stretched across the full width of the page. The container and the nav bar have both been selected to sticky.

Everything seems to be working just fine with the Parallax effect, However my problem is that when I place text and buttons on the photo on the landing page when scrolling down the page the text and the buttons seems to scroll over the white container and the navigation bar instead of behind.

Any help would be appreciated thank you

Paul777

Quote:

---

Originally Posted by paul777

I am currently working on a parallax website from scratch and I have come into a slight problem. On the landing page I have a photo covering the full screen with a navigation bar at the
top of the page placed within a white container which is stretched across the full width of the page. The container and the nav bar have both been selected to sticky.
Everything seems to be working just fine with the Parallax effect, However my problem is that when I place text and buttons on the photo on the landing page when scrolling down the page the text and the buttons seems to scroll over the white container and the navigation bar instead of behind.
Any help would be appreciated thank you
Paul777

---

Paul, I've tried everything you've described but I cannot reproduce the fault.

You'll need to upload your design file.

Acorn

Please find attached my file

Hi Paul,

This is because you have the white rectangle set to 'Stick to Top'. Just change it to 'Sticky' and it'll sort out your problem. 'Sticky' object ALWAYS appear in front of the main page content whereas 'Stick to Top' objects don't.

Hi there

Thank you for your valued help in correcting my problem.

Paul777