White space and widgets overlapping

Hi,

I’m hoping someone can help with a bizarre issue that I am having with our company website using the Shapely theme, web address is - https://puredrivenmarketing.co.uk/

When you scroll down to the second parrallax image under the yellow services block, there is some white space between the two widgets.

In addition, the ‘brands we work with’ widget at the bottom (just above the footer) seems to be overlapping the parallax widget above. It’s like there is a padding/margin issue with the parralax…?

The odd thing is, if you refresh the screen, it all goes to as it should be?! Why is the spacing issue happening when I first land on the website and how can rectify it so that it looks correct on the first view?

Many thanks
Regards
Rachel

hey there

Hope you are having a good day and thank you for your question
Please add this CSS in appearance - customize - additional CSS

.shapely_home_parallax {
padding: 100px 0px;
}

Thanks!
Colorlib Support Team

Hi,

Thanks but this didn’t work. Still got white space and some overlapping. See screenshots attached.

Many thanks
Regards