Staff replied Helix Framework Joomla 6 v2.2.11

Mobile submenu doesn't open - new devel site

Asked by Gene Crawford 1 day ago Last activity 13 hours ago

This is an issue I've seen in several threads where, in MegaMenu, the Submenus are not opening. I see the hamburger, but the sub menu links are not expanding. I've looked at a lot of different resources to resolve between the forums, and the troubleshooting page: https://www.joomshaper.com/documentation/helix-framework/troubleshooting-faq#no-submenu-items-in-mobile-view, but I'm just not having any luck. I fear I'm doing something fundamentally wrong.

This is a development site that I just started working on, and was just trying to set up the MegaMenu for a proof of concept idea. And, I can't get it to work correctly.

Thanks,

Gene Crawford

1 reply

Ziaul Kabir Staff
13 hours ago

Hi Gene,

Thanks for reaching out to us.

I noticed that you have configured a MegaMenu layout, but in the Joomla Menu Manager there don't appear to be any actual child menu items under that parent menu item.

Helix Ultimate handles the desktop MegaMenu and the mobile Off-canvas menu separately:

  • The MegaMenu is for desktop navigation only. It can show child menu items, and also modules or custom content placed in its columns.
  • On mobile, Helix uses the Off-canvas menu. It shows the actual Joomla menu hierarchy (parent and child menu items). Modules or custom content placed in a MegaMenu column are not shown there.

So if the submenu links only exist inside the MegaMenu layout, the desktop shows a dropdown but mobile has nothing to expand.

To get submenu links on mobile, create the child items in Joomla:

  1. Go to Menus → Main Menu.
  2. Create the menu items you want as submenus.
  3. Set their Parent Item to the appropriate main menu item.
  4. Save, then check the site on mobile.

You can then configure the desktop MegaMenu separately to organize those items into columns or add modules.

If a submenu still doesn't expand on mobile after this, tell us which type the parent menu item uses (for example Separator, Menu Heading or URL). If it uses Separator or Menu Heading, try changing it to a URL item with #. Sharing your site URL or a screenshot of the menu item's MegaMenu layout would also help us check.

More details in the documentation:
https://www.joomshaper.com/documentation/helix-framework/menu-navigation

I hope this helps clarify the difference.

Best regards,

Log in to reply.