Fixing Parallax issue


I’m having a hard time to get the parallax effect right in some parts of my page.

The parallax effect on the top part of my page runs well, but in the center and on the bottom of my page, rows with background will show “naked parts” (see pictures 2 & 3 below, see the blue arrow I added).


Website page:

A. How can I avoid those empty spaces ? (I tried high dimensions pictures for background with no luck.)

B. If it’s impossible to solve, then how can I deactivate parallax effect or maybe apply simple tiled background?

Thanks a lot for your help!


Hello there,

To reduce the space between the title and the description, please try to apply the following css code using simple custom css plugin or put it in your child theme:

div#panel-355-2-1-0 .widget-title {
    margin-bottom: 20px;

and to to fix the parallax, use this css code:

div#pg-355-2 .panel-row-style {
    background-repeat: repeat-y;

Hi Awan:

Thanks a lot, it’s a lot better now!
( )

Although I tried an infinite tiling through both X and Y dimensions, but it didn’t work:
background-repeat: repeat-y;
background-repeat: repeat-x;

Thanks a lot!


I’ve just checking your site and I think the parallax is already worked.
The background parallax is works, there is no blank space when the page is scrolled