Allow to display dropdown content directly when clicking on the hamburger icon in mobile view

[ansavicus]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

It is very difficult to adapt the responsive view of megamenu to mobile devices. It would be nice to be able to hide some menu items in mobile view (even if they are used in desktop view) and above all, to be able to display the dropdown content of the megamenu directly when clicking on the hamburger menu icon.

Describe the solution you'd like

For example, on my site I would like to display the content that appears inside the mega menu item called "Services" directly when the menu is pulled down in the mobile view.

In short, hide the title "Servicios" and show its content directly when clicking on the menu icon. I've already managed to hide the sections I don't want to show using custom CSS, but I haven't managed to do this.

Describe alternatives you've considered

No response

Additional context

No response