menu and tab section

Hey Manuela,

Thank you for the inquiry.

What you are looking for is possible but we have to use an additional script to open the appropriate tab section when a corresponding menu item is clicked. Please add snippet in the functions.php file.

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 )
				}, 1000 );
			}
		});
	}
	scrollToTab( '.menu-item a', 'click' );
	scrollToTab( '.av-active-burger-items a', 'click' );
	scrollToTab( window, 'load' );
})(jQuery);
</script>
<?php
}

Best regards,
Ismael

Hi,

Thank you for the update.

It does not go immediately because it waits for the window or the page to load. Try to decrease the timeout duration in this block.

setTimeout( function() {
					$(window).scrollTop( pos.top - 100 )
				}, 1000 );

Replace 1000 with 100 ms to decrease the wait. It will still have to wait for the page to completely load though.

Best regards,
Ismael

Hi,

We found a minor syntax error in the script and adjusted it a bit. It should be working properly now. Please purge the cache and remove the browser history prior to checking the page, or use incognito mode.

Thank you for your patience.

Best regards,
Ismael

Hi,

Great! Glad it is working. Please do not hesitate to open a new thread if you need anything else.

Have a nice day.

Best regards,
Ismael