Canvas Support

Header on click instead of on mouse-over

3 replies · opened Sep 22, 2016

JjuanleSep 22, 2016

Hello, the header is very nice. But the navigation on mobile or tablet is quite complex due to the mouse-over. Is possible to open or close the submenus based on a click? Example https://en.aegeanair.com/ when you zoom in to see the mobile view. The header collapses and the menu only open and close based on clicks, not on mouse-over. I think it is much better for the user experience. Do you have this option also?

Thanks
Juan

SSemicolon WebSTAFFSep 24, 2016

Hello,

Thank You so much for this Valuable Suggestion! :)

We currently do not have this Functionality implemented by Default but is already Built-in only for Windows Mobile Devices. However, you can definitely consider implementing this Site-Wide by find the following code in the js/functions.js File: 

if( SEMICOLON.isMobile.Windows() ) {
	if( $().superfish ){
		$('#primary-menu > ul, #primary-menu > div > ul,.top-links > ul').superfish('destroy').addClass('windows-mobile-menu');
	} else {
		$('#primary-menu > ul, #primary-menu > div > ul,.top-links > ul').addClass('windows-mobile-menu');
		console.log('menufunctions: Superfish not defined.');
	}

	$( '#primary-menu ul li:has(ul)' ).append('[](#)');

	$( '#primary-menu ul li.sub-menu' ).children('a.wn-submenu-trigger').click( function(e){
		$(this).parent().toggleClass('open');
		$(this).parent().find('> ul, > .mega-menu-content').stop(true,true).toggle();
		return false;
	});
}

and removing the If Condition that encloses the Code. This should definitely work fine.

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

JjuanleSep 24, 2016

Thanks for the fast reply. You answer is quite valid. Still I think I will use the header "alternative mobile menu" with a simplified version of the menu. That will facilitate also the navigation on mobile devices.

Thanks and have a nice day
Juan

SSemicolon WebSTAFFSep 27, 2016

Hello,

Thanks for your Patience and your Valuable Suggestions! :)

We will surely work on a Mobile Menu with a Better User Experience on Touch Devices. Thanks for your Patience.

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

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard