Anchor Links within Main Nav Menu Not Working Properly & Old Customized Scripts

Hi Enfold Support,
Last year we had issue with anchor links set up within tabbed content sections. You can see it here: https://kriesi.at/support/topic/anchor-links-not-scrolling-to-tab-section-tabs/
The issue was how main nav menu links to the anchor links would not send the user to the tabbed content and or wouldn’t scroll down the page to the tabbed content (with the target tab opened). Is the custom script you provided is still relevant? Do we need to keep it or has subsequent updates to the theme addressed this issue?

I ask as we’re seeing some problems with anchor links within the main nav menus not jumping to the right section of a page. Typically we put the anchor link in the custom ID area or the color section although the page is scrolling mid way within the color section cutting off half or 1/3 of the top of the color section.

Would removing or adjusting the script below fix this? We’re also not seeing the browser “scroll” to the content within the page. Instead the browser quickly jumps to the content which is a bit jarring from a UI standpoint and confusing as the content isn’t fully visible. Thanks for your help. URLs and admin credentials are in private area.
Eric

// CUSTOM SCRIPT TO FIX ANCHOR LINKS TO TABBED CONTENT
add_action( ‘wp_footer’, ‘ava_custom_script_tab_section’ );
function ava_custom_script_tab_section() {
?>
<script type=”text/javascript”>
(function($) {
function scrollToTab(s, e,) {
$(s).on(e, function(event) {
var anchor, loc, cur, hash, tab, parent, pos;

if( e == ‘load’ ) {
loc = window.location.hash;
hash = loc;
} else {
loc = $(this).attr(‘href’);
hash = loc.substring(loc.indexOf(‘#’));
}

tab = $(‘.av-section-tab-title[href=’+ hash +’]’);
parent = tab.parents(‘.av-tab-section-outer-container’);
pos = parent.offset();

tab.trigger(‘click’);

if(hash) {
setTimeout( function() {
$(window).scrollTop( pos.top – 100 )
}, 500 );
}
});
}

scrollToTab( ‘.menu-item a’, ‘click’ );
scrollToTab( window, ‘load’ );
})(jQuery);
</script>
<?php
}