title: Cannot scroll page in the browser
body: <p>I cannot scroll the page even if the content inside require to scroll it. The page is cut. <a href="http://medica.mastertools.net/" rel="nofollow noreferrer">http://medica.mastertools.net/</a>. You can login (fake form just submit).</p>
  
  <p>No <code>overflow:hidden</code> in the css. 
  Is maybe due to the viewport that is not set?</p>
  
  <p>Below the html code of the main page, I have used Bootstrap:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" 
  /&gt;
  &lt;title&gt;&lt;?=SITETITLE?&gt;&lt;/title&gt;
  &lt;meta name="keywords" content="Medica" /&gt;
  &lt;meta name="description" content="Medica Webshop" /&gt;
  &lt;link rel="stylesheet" type="text/css" media="print"  href="&lt;?
  =HTTPPATH?&gt;css/print.css" /&gt;
  &lt;link rel="stylesheet" type="text/css" media="screen" href="&lt;?
  =HTTPPATH?&gt;css/screen.css" /&gt;
  &lt;link rel="stylesheet" type="text/css" media="screen" href="&lt;?
  =HTTPPATH?
  &gt;css/style.css" /&gt;
  &lt;link rel="stylesheet" type="text/css" media="screen" href="&lt;?
  =HTTPPATH?&gt;css/styleNew.css" /&gt;
  &lt;script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" 
  integrity="sha384-
  KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" 
  crossorigin="anonymous"&gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript" language="JavaScript" src="&lt;?=HTTPPATH?
  &gt;js/library.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" language="JavaScript" src="&lt;?=HTTPPATH?
  &gt;js/validation.js"&gt;&lt;/script&gt;
  &lt;link rel="shortcut icon" href="/favicon.ico" /&gt;
  &lt;link rel="icon" href="/favicon.ico" type="image/ico" /&gt;
  &lt;link rel="stylesheet" 
  href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-
  beta.2/css/bootstrap.min.css" integrity="sha384-
  PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" 
  crossorigin="anonymous"&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
     &lt;?php $this-&gt;view('new/header'); ?&gt;
    &lt;div class="container-fluid"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-sm-3"&gt;
  
      &lt;/div&gt;
      &lt;div class="col-sm-6 align-self-center"&gt;
        &lt;?=$main_content?&gt;
  
      &lt;/div&gt;
      &lt;div class="col-sm-3"&gt;
        &lt;?=$right?&gt;      
      &lt;/div&gt;
    &lt;/div&gt;
  
  
  
  
  &lt;/div&gt;
  
  &lt;div id ="bottom" class="fixed-bottom"&gt; &lt;?=$footer?&gt; &lt;/div&gt;
  
  
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>