title: How to allow scroll on mobile
body: <p>Good morning,</p>
  
  <p>I have a problem with scrolling my website on mobiles. I have set div height to 100%, but on mobile, it has height 'auto'. But still, when text is longer than the screen height, I am unable to read it. How should I edit it please? Thank you!</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="about"&gt;
  
  &lt;div id="onas"&gt;
  &lt;div id="obsah"&gt;
  &lt;p&gt; text text text....&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#about {
  background:url('images/bg-about.png') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
  
      min-height: 100%;
    width: 100%;
      color: white;
  
    position: fixed;
    top: 0;
    left: 0;
  margin: 0 auto;
  z-index: 1;
  }
  
  #obsah {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 5%;
  color: black;
  font-size: 21px;
  }
  
  #onas {
  position: absolute;
  font-family: cond;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, .5);
    min-height: 40%;
  }
  
   @media screen and (max-width: 1024px){
  
  #onas {
  position: static;
  margin-top: 200px;
  padding-top: 15px;
  width: 100%;
  height: auto;
  min-height: 40%;
  }
  
  }
  </code></pre>