Remove or Comment this part out for the white showing up on the sides (around line 1739) –
/* # Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1800px) {
.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7,
.front-page-9,
.front-page-11 {
-webkit-background-size: auto;
-moz-background-size: auto;
background-size: auto;
}
}
It only showed up when I increased the browser to around 1800px width, but went away when I lowered the browser size.
For the white space under the images, I’d first try resizing your images to 1800px width 1200px height. A few of them are around 600-700px height, so when you add content that goes beyond that height, the white space shows since the image has reached it’s length. We’ve spoke about this before in previous threads. If you look at a lot of the parallax themes out there, they all run into the same issue. Some devs either make the image larger so it will stretch/handle the content….or they load a completely separate image that is resized for mobile or smaller devices.