Return to previous page

Megamenu that won’t close on mobile / ergonomic problem

This topic has 8 replies, 2 voices, and was last updated 4 months, 2 weeks ago ago by Jack Richardson

Julien

Participant

August 5, 2025 at 13:26

Hello,

Our website is nearing completion, and we’ve opted for a Mega Menu in the header. The result suits us well on the desktop, but it’s problematic on mobile.

Indeed, when you click on a related category (for example, when you go to “Pulls”), it opens the Mega Menu in the middle of the page without being able to exit it or have the site’s logo to return to the homepage. The ergonomics aren’t really adapted.
In fact, it opens link without being able to close the menu.
We have 3 Mega Menus, the other links in the main menu go directly to the homepage.

What’s the best solution?

Thanks

Julien

Please, contact administrator
for this information.

#451900 Copied

7 Answers

Jack Richardson

Support staff

August 5, 2025 at 14:27

Hello @Julien,

If needed, you may manually adjust the content of your mega menu, including containers, widgets, spacing, padding, and margins. Alternatively, we recommend modifying the URLs of the “Pull” and other similar menu items in the mobile menu to direct users to actual pages, rather than linking to mega menu items.

You can create custom pages with similar content that are more responsive and better suited for mobile devices. Please note that the mega menu content was originally designed for use on larger screens and may not display optimally on mobile devices.

Best regards,
Jack Richardson
The 8Theme Team

#451914 Copied

Julien

Participant

August 5, 2025 at 14:55

Thanks for the feedback.
I created our desktop site before realizing that the mobile behavior wasn’t going to work.

You mention that you need real links for the mobile menu, and we’re well aware of that. If I understand correctly, you’ll need to create a specific menu for cell phones, right? Keep the “Main Menu” for desktop and create a menu for mobile?

How should we proceed?

Thanks

Files is visible for topic creator and
support staff only.

#451923 Copied

Jack Richardson

Support staff

August 5, 2025 at 15:13

Hello @Julien,

You may create a separate menu that does not include a mega menu or static blocks, and instead contains only the default submenu items (please refer to the following screenshot for reference: https://prnt.sc/GCt7sIsVxmF4). Once created, you can assign this menu in the mobile menu settings.

Best regards,
The 8Theme Team

#451932 Copied

Julien

Participant

August 5, 2025 at 15:38

Great !

I’ve just created a new menu, called “mobile”. I’ve saved it. When I come back to elementor, to the header, and want to add this new menu to the mobile icon, it’s impossible. Why?

Files is visible for topic creator and
support staff only.

#451936 Copied

Jack Richardson

Support staff

August 5, 2025 at 17:01

Hello @Julien
Please, clear your browser cache and check then.
Kind regards, Jack Richardson
The 8theme’s team

#451940 Copied

Julien

Participant

August 6, 2025 at 08:18

Hello, it was indeed a cache problem, thank you.

It’s a shame to have 2 different menus, but at least it works.

Thanks a lot

#451977 Copied

Jack Richardson

Support staff

August 6, 2025 at 08:20

Hello @Julien,

We’re glad to hear that the issue was resolved.

Should you need any further assistance or have additional questions, please don’t hesitate to reach out.

Best Regards,
8Theme’s Team

#451979 Copied
Viewing 8 results - 1 through 8 (of 8 total)