Close mobile primary menu item after opening / make primary menu item text only

Question

On mobile, if you tap on a primary menu item, it opens its submenu. Great. If you click on the same primary menu item again, however, it doesn't close the submenu; it treats the text as a link and navigates there. How can I modify the JS to animate each menu item open/closed when you tap on it instead of linking you somewhere?

Related to this, how do I make a primary menu item text only? They seem to have to be links to be styled correctly and function properly, but what if I don't have a page for the primary menu item because I only want pages for its submenu items?

SemiColonWeb · Accepted Answer

Hello,

Unfortunately, currently custom codes cannot be used on the Menu to Open/Close Submenus on Click. You can consider using the following code for the Main Menu Links to stop the clicking behavior on them and just use them to open the Sub Menus:

[Home](#)

Or you can also use a different menu functionality which we implement only on Windows Devices to Open/Close the Sub Menus. To implement this, simply find the following code in the js/functions.js File inside the menufunctions: function() Function Block:

if( SEMICOLON.isMobile.Windows() )

and replace it with:

if( SEMICOLON.isMobile.any() )

Hope this Helps!

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

livemusicpros · Answer

My test page is up at: http://livemusicpros.com/test/index.html

livemusicpros · Answer

New test page: http://www.livemusicpros.com/test2