title: How to set up minimal vertical height for website?
body: <p>Here is my site - <a href="http://www.aspenwebsites.com/majesticpines/about/" rel="nofollow noreferrer">http://www.aspenwebsites.com/majesticpines/about/</a></p>
  
  <p>I noticed if I reduce the height of my viewport the bottom area of my sidebar (the one with email subscription field) overlaps my site's navigation. </p>
  
  <p>I was wondering if there is a way to set up some minimum height for the site, so that if it reaches that value it shows scroll-bar on the right and doesn't reduce further, thus my email subscription form doesn't overlap with navigation links.</p>
  
  <p>I tried to set up <code>min-height:700px</code> and <code>overflow-y:auto</code> for the <code>BODY</code> tag and also for <code>.header-sidebar</code>, but that didn't make any difference.</p>
  
  <p>Could you advise what am I doing wrong here?</p>
  
  <p><img src="https://i.stack.imgur.com/1omQ8.png" alt="enter image description here"></p>