title: Disable scrolling in all mobile devices
body: <p>This sounds like there should be a solution for it all over the internet, but I am not sure why I cannot find it. I want to disable Horizontal scrolling on mobile devices. Basically trying to achieve this:</p>
  
  <pre><code>body{
     overflow-x:hidden  // disable horizontal scrolling.
  }
  </code></pre>
  
  <p>This may be relevant information: I also have this in my head tag, because I also do not wish the user to be able to zoom:</p>
  
  <pre><code>&lt;meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' /&gt;
  &lt;meta name="viewport" content="width=device-width" /&gt;
  </code></pre>
  
  <p>Thanks</p>