Header is disappearing

Hi,
Sorry for the late reply and thanks for the video, I believe what you are asking is to have the header disappear on scroll down and then show on scrolling up like Rolex.com – correct?
We don’t have a built-in way to do this but this script has worked for others:
Try adding this code to the end of your functions.php file in Appearance > Editor:

function show_header_scroll_down(){
  ?>
  <script>
( function( $ ) {

    'use strict';

    var $window       = $( window );
    var lastScrollTop = 0;
    var $header       = $( '#header_main' );
    var headerBottom  = $header.position().top + $header.outerHeight( true );

    $window.scroll( function() {
            var windowTop  = $window.scrollTop();

            // Add custom sticky class 
            if ( windowTop >= headerBottom ) {
                $header.addClass( 'myprefix-maybe-sticky' );
            } else {
                $header.removeClass( 'myprefix-maybe-sticky' );
                $header.removeClass( 'myprefix-show' );
            }

            // Show/hide
            if ( $header.hasClass( 'myprefix-maybe-sticky' ) ) {
                if ( windowTop <= headerBottom || windowTop < lastScrollTop ) {
                    $header.addClass( 'myprefix-show' );
                } else {
                    $header.removeClass( 'myprefix-show' );
                }
            }
            lastScrollTop = windowTop;
    } );
} ( jQuery ) );
</script>
<?php
}
add_action('wp_footer', 'show_header_scroll_down');

then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.myprefix-maybe-sticky {
		    position: fixed !important;
		    top: -100px;
		    width: 100%;
		    z-index: 999;
		    opacity: 0;
		    background: #fff;
		    transition: 0.3s all;
		    box-shadow: 0 2px 3px rgba(0,0,0,0.15);
		}

		.myprefix-show {
		    top: 0;
		    opacity: 1;
		}

Please see the video in the Private Content area.
If this doesn’t work for you it’s probably because you have a gtag script error Uncaught SyntaxError: Invalid or unexpected token please include an admin login so we can adjust.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the login. I added the function and the css to your site and tested mobile and desktop and it seems to be working correct. Please clear your browser cache and check.
Please see the video in Private Content area of what I’m seeing now.

Best regards,
Mike

Hi,
Thank you for the video, I made an adjustment to how far down the header shows, please clear your browser cache and check.

Best regards,
Mike