Getting rid of blank space below footer in Mobile WordPress

Sachindra Narayan answers:

hi Shoeb, the issue is there is no content on the page bcoz of which the white space at the bottom gets prominent.. one possible solution can be that lets create a minimum height for the inner block which contains the cart information.. and hence the page shows atleast that much height which loading..

.content-block .container{min-height:500px;}

Andrea P answers:

I don't understand why would you decide to switch off the responsiveness if you have a site which is made with bootstrap. especially considering that google declared they will hardly penalize not responsive sites starting from April.
also, I don't understand why if the client doesn't want the site to be responsive, they actually care about how some pages look on tablets and mobiles. I mean, the other pages will look crap anyway, as they will be zoomed out and visitors will have to pinch it to zoom in and read, etc..

after that said, I don't think that Sachindra solution would work, because the point is that the html body is actually more than 500px tall, but it is zoomed out, in order to fit the fixed width within the screen. because of the zoom keeping the proportions, the height is reduced as well, and it looks like if it was 200px tall.
so the only way to achieve something like that, would be to set the minimum height to something rediculously high like 800-1000px. also. you'd set it to do it only on smaller screens, something like:

@media screen and (max-width:980px){
.content-block .container{min-height:800px;}
}

there's no need to say that pages would look bad anyway, because instead of having the white space below the footer, you will have it above.

---

---

---