title: Disable horizontal scrolling on mobile devices (or with scroll-click)
body: <p>I have an element that is three times the width of the browser window (it needs to be) and I cant seem to disable the ability to scroll sideways on mobile devices. </p>
  
  <p>I found a lot of threads with a similar question, in almost everyone it was suggested to add </p>
  
  <pre><code>max-width:100%; and overflow-x:hidden; 
  </code></pre>
  
  <p>to the body and/or html tags, which I did or adding something more or less similar to </p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"&gt; 
  </code></pre>
  
  <p>(I tried nearly every variant I came upon)
  Neither of those solutions worked though</p>
  
  <pre><code>body
  {
      max-width: 100vw;
      overflow-x: hidden;
      position: absolute;
      height: auto;
      padding: 0px;
      margin: 0px;
  }
  </code></pre>
  
  <p>Does anybody have an idea on how to fix this? Thanks.</p>