title: Horizontal Scrollbar when reducing browser window
body: <p>Good day,</p>
  
  <p>I've been doing some modifications to this website and the owner wants to have a horizontal scroll bar appearing when the browser window is reduced to a size that is smaller than the 'container' of the website.  Right now it doesnt appear. 
  I think that my  main CSS is responsible for this. 
  This CSS has overflow-x:hidden; and overflow-y:auto;  because it is needed for my "jquery sticky footer' to work properly.</p>
  
  <p>How can I workaround this and let this have a scroll bar horizontally on the browser window when I reduce it ? It's costing me some braincells now.</p>
  
  <p>This is my CSS , what I think is responsible for not letting me have the scrollbar.
  BTW when I put overflow-x: auto; the scrollbar appears no matter what window size i have. </p>
  
  <pre><code>body, html {
      margin: 0;
      padding: 0;
      text-align: center;
      overflow-x: hidden;
      overflow-y: auto;
  </code></pre>