Sticky header

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

 

 

<script>
$(window).scroll(function () {
if ($(this).scrollTop() > 27) {
$("#header").addClass("scrolled");
} else {
$("#header").removeClass("scrolled");
}
});
</script>