Responsive website on iPhone - unwanted white space on rotate from landscape to portrait

Fixed it! The issue was coming from one particular div - to find it, it was a process of deleting the different elements until the issue went away.

To fix it I needed to add overflow-x: hidden to that div and it sorts it out! Hope this is useful to others with a similar issue.

I had the same problem, I fixed it by setting:

html, body { width:100%;  overflow:hidden; }

This problem occurs when width of any division is greater than the width of iPAD's screen.

In my case, some divisions were having size of 1000px, so I just went for width:auto and it works. overflow-x:hidden also does the same thing, but is not a preferred way.