Not using Front Page 4 and 6

They’re still showing up even when you don’t add anything inside the widgets?

They’re not supposed to show up as long as you keep the widget area empty. If they are still showing while empty let me know.

Also, do you have a link so I can take a look?

I’m seeing a lot of white space……It’s in Maintenance Mode 😉

Oh, now I see what you’re talking about. That is actually the background of the site that is showing. What happens is the background Images are limited to how far they can be stretched….depending on the size of the image. For example, if you add a really wide image with a small vertical height, then the image will eventually prevent itself from filling the entire height if there is too much text.

I’ve had this same issue….as a matter fact, everyone that uses Parallax runs into an issue like this if they add a lot of text/content and the images aren’t big enough to contain the size.

What I did for the demo, was make sure and add images that were big enough to cover the space with the amount of content I had inside of it. That’s usually what everyone else does if they are using the Parallax and fixed background features.

The size I used was 1800px width and 1200px height. It looks like you’re already using that size. If you increase the size of the image (while keeping the proportion) then it should fix that issue.

On my homepage I had the exact same issue happen to me in the “Hire Us” section near the bottom. If it’s on desktop, it’s fine, but if you resized the browser there would be so much text that the image was too small to cover it. So what I did was added a 2nd image to show up if/when the browser reaches 1040px or less. The 2nd image was 1800px width and 2000px height. The extra height covered the part that was showing the white space…..or where the image stopped displaying itself.

I apologize if this sounds confusing at first, it’s kind of hard to explain.

Let me know if this helps.

If you want to send me the original image for that section then I can try out a couple different dimensions and give you an example of what it can look like.

Also, if you don’t really care about the Parallax feature, then I’d just remove it. Once you remove it, it automatically works perfectly fine with no whitespace.

Before you do that, try and remove this first – background-attachment: scroll; which is located on line 1767 in your CSS file. You could either remove it completely or comment it out like this –

	.front-page-1,
	.front-page-3,
	.front-page-5,
	.front-page-7,
	.front-page-9,
	.front-page-11 {
		/* background-attachment: scroll; */
		-webkit-background-size: auto;
		-moz-background-size:    auto;
		background-size: auto;
	}

When I did that it immediate got rid of the white space in both places it showed up.