toggle dropdown menu problem

Hello,

We have just checked out your Website and the Menu Appears to be working fine for us on Mobile Devices with the Toggle Open/Close working correctly and also showing all the Menu Items (consider scrolling inside the Menu Area to reveal more items). If you are still facing issues regarding this, please let us know which Browser/OS you are using so that we can make more tests for this.

Additionally, for the Desktop, the Menus open and close on Mouse Hover. If you would like to enable Open/Close on Click, you will need to add the .on-click Class on the #primary-menu Element.

Moreover, we have found some HTML Validation errors on your Page: https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.gcs-summit.org%2Ftr%2F which could cause unexpected issues. Consider fixing them.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Thanks for your Patience!

We have tested your Pages extensively and we noticed that the Primary Menus are working as expected and the Menu is closing when you click on them before scrolling to the Section. We apologize if we have not understood your issue properly, in which case a Screenshot or a Screencast will be very helpful of what functionality you are looking for. If you mean that the Sub-Menus don't close after the Main Menu closes, simply find the following code inside the onePageScroll: function() Function Block in the js/functions.js File:

if( windowWidth  0 ) {
		$('#primary-menu > ul.mobile-primary-menu, #primary-menu > div > ul.mobile-primary-menu').toggleClass('d-block', false);
	} else {
		$('#primary-menu > ul, #primary-menu > div > ul').toggleClass('d-block', false);
	}
	$pagemenu.toggleClass('pagemenu-active', false);
	$body.toggleClass('primary-menu-open', false);
}

and replace it with:

if( windowWidth  0 ) {
		$('#primary-menu > ul.mobile-primary-menu, #primary-menu > div > ul.mobile-primary-menu').toggleClass('d-block', false);
	} else {
		$('#primary-menu > ul, #primary-menu > div > ul').toggleClass('d-block', false);
	}
	$('#primary-menu ul').find('ul,.mega-menu-content').toggleClass('d-block', false);
	$pagemenu.toggleClass('pagemenu-active', false);
	$body.toggleClass('primary-menu-open', false);
}

Additionally, the Scroll Behavior of the Primary Menu is only on Sticky Responsive Headers to prevent the Headers from overflowing the Screen which will make the Menus unresponsive. So you will either disable the Sticky Responsive Header or delete the following code from the css/responsive.css File if you want to allow the Primary Menus overflow from the Header:

.responsive-sticky-header #primary-menu > ul,
.responsive-sticky-header #primary-menu > .container > ul {
	max-height: 300px;
	overflow-y: scroll;
}

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.