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

Solution 1:

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.

Solution 2:

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

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