Blank white space below footer

I don’t see a white space. What browser are you seeing this in?

Thanks for response.
I’m using chrome. I see this space on IE and mozilla as well.

I don’t see a space in Chrome, IE, FireFox or Safari. Perhaps it’s a local issue? Have you seen this problem on another computer?

Yes, now i’m on office computer. The size of the space varies based on different size of computer screen. If you go to contact us page. the white space is too big (almost half of the screen).

I’m sorry but as you are using a commercial theme, you really need to seek support from the theme’s vendors.
https://www.templatesold.com/

In the meantime, try sorting out the markup errors (you have a number of unclosed tags on that page). Then move onto the CSS errors.
https://codex.www.ads-software.com/Validating_a_Website

I take it you have a larger screen than mine. If that’s the case I won’t be able to recreate the problem.

But I seem to remember something similar to this happening to me before. Did you make the theme yourself? It doesn’t look like the footer divs have any positioning on them so they will naturally show right after the main content leaving the rest of the area blank.

Or you can make the background-color of the page the footer’s background and just assign a background-color to the main content div which is also a popular route.

Thanks Tosaha, I would rather go with adding positioning on the footer divs. Can you please provide me more information or a link to this? Thanks.

I’d like replace your .footer and .footer2 classes from this:

.footer { background-color: #212121; }

.footer2 { background-color: #212121; }

To this:

.footer {
background-color: #212121;
position: relative;
bottom: 0;
width: 100%;
}

.footer2 {
background-color: #212121;
position: relative;
bottom: 0;
width: 100%;
}

Thanks, i will try that.