usually loaded inside a $(window).on('load', function() { });
adjust the number after .top - to meet your needs in pixels to set the offset height
$(document).on('click', 'a[href^="#"]', function (event) {
event.preventDefault();
$('html, body').animate({
scrollTop: $($.attr(this, 'href')).offset().top - 75
}, 500);
});