title: CSS Bottom not working correctly
body: <p>I have this sidebar that i'm trying to move to the bottom for mobile view devices. However, this isn't working correctly and instead is putting the sidebar at the top of the page. Could anyone help?</p>
  
  <pre><code>&lt;div id="checkoutForm"&gt;
  
  *some stuff*
  
  &lt;div id="rightMenu"&gt;
  &lt;div id="checkoutCart" class="rightMenu__box"&gt; 
  *some more stuff*
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  
  
  #rightMenu {
      @media#{$medium-up} {
          float: right;
          width: auto;
          height: 0px;    
      }
  
      @media#{$small-only} {
          width: auto;
          position: absolute;
          bottom: 0;
          left: 0;
      }
  }
  
  #checkoutForm {
      position: relative;
      height: auto;
  
      *some stuff*
  }
  </code></pre>