Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Parallax background issue

Featured Lock Resolved Issue
I have set up a home page with a series of 4 parallax backgound images one above the other. They are all set to the same css properties and all of the background images are in the same aspect ratio. The first image works perfectly, however the succeeding images begin part way down (ie not at the top of the image) and thus they progressively run out of image as you scroll down the page, revealing white space instead.

At full desktop size it is only the last image that displays some white space, however at tablet and mobile sizes the situation is exaggerated and the white space begins beneath the first image.
The other thing I have noticed is that the 4 background images all appear to end at the same position on the page, which is why the white space gets progressively bigger as you scroll down the page.

I have attached a couple of screen captures to show the white space and how the succeeding image is in the same position on the page as the previous one.

The site is on a live server and can be seen at

I have tried many different combinations of background properties but nothing seems to make any difference.

Attachments (2)

  • screen-1.jpg
    screen-1.jpg 124.3 KB
  • screen-2.jpg
    screen-2.jpg 97.1 KB

3 Answers

Please login to view replies.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 178


Total Accepted Answers: 159


Total Accepted Answers: 67


Total Accepted Answers: 3
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 2




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us