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>