White space under website on mobile devices

threein99

Hi

I'm having trouble with a huge white space under my background image on mobile devices, but only when they are in portrait mode, when I change to landscape it works fine

Here's the css code, I have taken all other elements out

html,body{

background: url('july.jpg') no-repeat ; 
 background-image:url('july.png');
background-repeat:no-repeat;
background-size: 100%;

 }

Anyone got any suggestions ?

KonFusion

I imagine it's to do with the aspect ratio/height of the background image.