Random white space to the right

Is there any chance you could provide me with your code with markdown? If you cannot post your code, then here are some possible reasons:

1. The Background Image has a white space

2. Your padding is incorrectly configured

3. Your float is incorrectly configured

4. Your sizes are incorrectly configured

As I have said, I cannot help any further without your source code.

do you have an email i can send you a dropbox link? Not too comfortable having the code in public but dont mind you tinkering with it.

Yeah sure. alexcarr3000@gmail.com. Don't really care about that email going public.

Just wondering, what have you set the class name to for your background?

so basically before the main body content, i have two empty divs. the first ones background img is attached to .blacklogo and the black page w/ white logo is #whitelogo

Thanks.

I think I'm nearly there. I found the source of it, but I'm still working on figuring out how you can disable it.

Okay, so basically, if you look at your Contact page, and scroll right the box is larger. The only possible explanation is that something from another page is being loaded after the black background, therefore becoming part of the foreground. For example

<p class="test1">This is a test</p>
<br>
<br>
<p class="big-white-box">Self explanatory</p>

The box (your problem) is being loaded after the test writing (background), therefore, not going behind it, but in front of it. There's not much more I can do, but I'll keep the files and keep looking through. Tell me if you figure it out, and I'll tell you if I figure it out.

okay thanks i'll tinker around.

So, not the solution I was hoping for but it worked for me nonetheless,

I ended up doing this:

html,
body {
  overflow-x: hidden;
}

Yeah, that seems about right because it was basically a box overflowing.