title: Fixed footer and short screen
body: <p>Do you have any suggestion how to make fixed positioned footer working on short screens/lower resolution?</p>
  
  <p>I have footer:</p>
  
  <pre><code>#footer {position: fixed; bottom: 0; width: 100%;  height: 35px; background: rgba(0, 0, 0, 0.3); line-height: 35px; color: #fff; font-size: 14px; text-transform: uppercase}
  </code></pre>
  
  <p>which works fine on most resolutions, but when screen height is smaller then 900px, because its fixed it overlaps the content. How do you fix such issues? I was considering checking screen resolution with js, and then instead of fixed give it position: relative. What do you think?</p>