title: Why does sticky nav jump when fixed?
body: <p>My website is <a href="http://southsideonline.com/" rel="nofollow">http://southsideonline.com/</a></p>
  
  <p>I just have an easy sticky.js that fixes the navbar on scroll, but the content below the nav jumps up below the nav bar.  Any idea how to fix this?</p>
  
  <pre><code>jQuery(function(){
    var menuOffset = jQuery('.menu-wrapper')[0].offsetTop;
    jQuery(document).bind('ready scroll',function() {
      var docScroll = jQuery(document).scrollTop();
      if(docScroll &gt;= menuOffset) {
        jQuery('.menu-wrapper').addClass('fixed');
      } else {
        jQuery('.menu-wrapper').removeClass('fixed').removeAttr("width");
      }
     });
  });
  </code></pre>
  
  <p>seems like its suppose to be an easy fix.  I tried using jQuery .next() to put the margin-top of the next .css after the nav to fit just under the nav like it should.  any other bright ideas?</p>