var distance = $('.sub-header').offset().top,
    $window = $(window);

$window.scroll(function() {
    if ( $window.scrollTop() >= distance) {
        $('.sub-header').css({          
          position: "fixed", 
          top: 0, 
          left: 0
        }).addClass("on");
      
        $(".logo").css({
          marginLeft: 0, 
        });
      
        $("ul").css({
          marginLeft: 10+"px", 
        });
    } else {
      $('.sub-header').css({          
          position: "relative"
        }).removeClass("on");
      
        $(".logo").css({
          marginLeft: -55+"px", 
        });
      
        $("ul").css({
          marginLeft: 65+"px", 
        });
    }
});