Menu Toggle on Mobile not working

Hi Mike,

The Hamburger button is created by Elementor.

In this case, you can go to “Mobile Panel” in menu skin and

1. Disable plugin’s menu toggle by ticking this box https://prnt.sc/nxq45x
2. Enter a unique CSS selector of your menu toggle button. Something likes this https://prnt.sc/nxq4kr

Let me know if it works for you.

• This reply was modified 5 years, 5 months ago by zootemplate.

Hello, thank you for your quick reply. greatly appreciated. Unfortunately, this didn’t work for me it was still inactive. I noticed when the Mega Menu is turned off, elementor toggles the “elementor-menu-toggle” class to “elementor-menu-toggle elementor-active” then the normal menu appears.
See below:

<div class="elementor-menu-toggle">
   <i class="eicon" aria-hidden="true"></i>
   <span class="elementor-screen-only">Menu</span>
</div>

Goes to:

<div class="elementor-menu-toggle elementor-active">
   <i class="eicon" aria-hidden="true"></i>
   <span class="elementor-screen-only">Menu</span>
</div>

I tried many combinations of this and your suggestion without any luck.
Any ideas? Thanks again

I found some conflicts with Elementor Pro. Working on solutions now.

While waiting for the update, you can try this:

1. Go back to “Mobile Panel” in menu skin to enable the plugin’s menu toggle.
2. Go to the “Nav Menu” widget and disable menu toggle of Elementor like this.
3. Go to “Advanced” tab of “Nav Menu” widget to edit menu toggle position as you like.

Hi Mike,

Look like there’re no proper solutions for the problem. We MUST NOT try to change the behaviors of Elementor Pro’s Nav Menu widget.

I found a better solution: use WordPress Navigation Menu widget instead. This widget is perfect for Clever Mega Menu skins to works properly because it is all plain.

That’s it. Each plugin has its own behaviors for navigation menus, don’t use enabled CMM4E menus on Elementor Pro’s Nav Menu widgets.

• This reply was modified 5 years, 5 months ago by zootemplate.

This fixed yet? The default WordPress burger nav – is crap. I cant style it or place it where I want it???

Hi Zootemplate, this worked a treat thank you. It all works fine now. the only thing on the admin side, which may be for consideration when you are updating.

The WordPress Navigation Widget just puts a bulleted list into the top nav inside the Elementor Template. This looks fine when editing and looking at Elementor Pages/Posts, just not in the template.
https://prnt.sc/o36yw7

Also when on mobile size I couldn’t see a way to use the default elementor font I had chosen in my theme plus I wanted to align the hamburger to the right of the container it was within, so I just added some css to the Navigation Widget with a custom class (although I am not that keen on using floats, was just the first thing that worked)

selector {font-family: "Lato", Sans-serif;}

@media (max-width: 767px){
.custom-mob-nav .elementor-widget-container{float:right;}
}

Thanks again.

Not beeing able to make Mega Menu work on mobile, already using WordPress Navigation Menu widget.
This is the website https://staging7.beefitcr.com/
If you go on desktop and click on “HOLA, IDENTIFíCATE” you can see the mega menu its toggled. But If you go to mobile it is not toggled anywhere. Any clues on how to fix this?

Hello, we need the same support from you on this mobile menu:
https://13.56.234.2/andesoralcare/

We’ve tried everything on this topic and nothing works. Please help. You’ve made a GREAT plugin, do not let your support service ruin that. Please help.
We have customers waiting for their site be on production and we cannot launch it because of this.

Thnak you.