Question

I am adding mobile layout and everything is set however there is a massive white gap of around 200-300px on a page, I have used overflow-x: hidden however on the iphone it still allows the scroll.

Screenshot : https://i.stack.imgur.com/9tsXg.jpg

I dont know whats causing the gap im boggled! Spent a good 3 hours looking for it.

Thanks!

Answer 1

Have you used the viewport meta tag?

https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">