Sticky header

body:not(.ordering-process).sticky #header { position: fixed; top: 0px; left: 0; width: 100%; z-index: 9;}

<script>
$(window).scroll(function () {
if ($(this).scrollTop() > 27) {
$('body').addClass('sticky');
} else {
$('body').removeClass('sticky');
}
});
</script>