title: How to lock the website to fit inside the viewport without being able to scroll horizontally on mobile
body: <p>I have been getting reports from a couple of users "Android users in most cases" that the website is opening as a white screen on their phones.</p>
  
  <p>After some troubleshooting, I found out that if you zoom out and scroll around, you will find the actual website.</p>
  
  <p>When you open the website, the viewport is showing a large white screen and the actual website is inside it.</p>
  
  <p>I added this to the header.php <code>&lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1"&gt;</code> and its not getting fixed.</p>
  
  <p>Any idea why and how to lock the website content to the viewport cadre?</p>
  
  <p>Screenshot sent by users: <a href="https://i.stack.imgur.com/vTa3i.jpg" rel="nofollow noreferrer">when they first open the website</a></p>
  
  <p>Screenshot sent by users: <a href="https://i.stack.imgur.com/WKkN3.jpg" rel="nofollow noreferrer">After they scroll right and zoom out a bit</a></p>