Anchor jumps too far in Chrome

Hey ksalewski,
Sorry for the late reply, it looks like you are getting an early error Uncaught TypeError: Cannot read property 'innerHTML' of null from:

    jQuery(window).load(function() {
        var el = document.querySelector('.avia-caption-title');
        el.outerHTML = '<h1 class="avia-caption-title ">' + el.innerHTML + '</h1>';
    });

This looks like a custom script, perhaps in your functions.php? Please try removing it and clearing your cache then test your menu item.
Best regards,
Mike

Hi,
I believe that the page is going to the anchor but the page is not fully loaded yet, so when the page is finished loading the position of the scroll is not correct. This seems to help.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_scroll_script(){
  ?>
  <script>
(function($) {
  $('a[href*="#"]:not([href="#"])').click(function() {
      var target = $(this.hash);
        $('html,body').stop().animate({
          scrollTop: target.offset().top - 90
        }, 'linear');   
  });    
	if (location.hash){
    var id = $(location.hash);
	}
	$(window).load(function() {
  	if (location.hash){
    	$('html,body').animate({scrollTop: id.offset().top -90}, 'linear')
  	};
 	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_scroll_script');

Please add this function and clear your browser cache and check.

Best regards,
Mike