<script>
    $(document).ready(function(){

        // Fix Header on scroll
        $(window).scroll(function() {    
            var scroll = $(window).scrollTop();

            if (scroll >= 1) {
                $(".site-header").addClass("fixed");
            } else {
                $(".site-header").removeClass("fixed");
            }
        });

        // Fix Header after page load
        function fixheader() {     
            var scroll = $(window).scrollTop();

            if (scroll >= 1) {
                $(".site-header").addClass("fixed");
            } else {
                $(".site-header").removeClass("fixed");
            }
        }
        setTimeout(fixheader, 100)

    });
</script>