Divi Mobile Menu

@reidbusi – Generally this is because the mobile menu is created with JS simply mimicking the full menu without the classes. In which case you would need to look at the HTML of the mobile menu and use the Custom Selectors option under Click Open Settings.

In that field you can use any CSS selector string that would apply to that menu item.

That is what one would expect, however, it uses jquery clone (which should bring the event listeners as well) but…

Divi/js/custom.js:2420

$this_menu.on( 'click', 'a', function(event){
		event.stopPropagation();
	} );

Their menu code overrides the popup listeners.

So fo now what I did was modify their js to not copy the seconday menu to the main mobile menu and added some custom css to not hide the secondary menu at the mobile media query breakpoints.

Thanks for the reply though!

@reidbusi – So custom selectors didn’t work either then. Glad you found a solution and got it working.

Please take a moment to rate and review the plugin and or support.

Could you tell me what you did to resolve this? I am having this issue, but on the primary menu.

@jmargel – He basically had to change the way the mobile menu worked. Unfortunately nearly all of the current solutions involve some type of tweak to the theme. They are stopping other JS from using the click on mobile menu items by default.

Ok thanks. I contacted the theme author but they said it’s not their problem.

@jmargel – Hmm, I don’t have a copy of Divi to test with or look at code, will try and track it down.

Thank you, much appreciated!

@jmargel – Did you see the post above with the code. That code is in the Divi theme JS and prevents any other click events from occuring. That event.stopPropogation() line keeps our popup triggers from working. You could try commenting it out, but that is the main cause of the issue as far as I can tell.

I tried looking in the custom.js file and I do not see that code. Please help, I am also using the divi theme.

I couldn’t find this code too. Please, help us…

Popup maker don’t work on mobile menu Divi theme.

It’s very important, because I have Book button only in main menu – so in mobile versions this button dont work. Help please

@maximbrykin, @rcam – Unfortunately I do not have access to the Divi theme, but the problem is really in how they wrote their JS and we cannot do anything in our plugin that would compensate for that at this time. If I get a copy of the theme I can experiment, but the likeliest solution will be to get them to update the code in question which is out of my hands, even if I provide the solution I can’t say how long it would be before they add it officially. Sorry this isn’t the answer everyone wants to hear but I can’t control the code in other plugins/themes.

In a post about 2 weeks ago, one of the support members in the Divi forums indicated that they will be looking at removing the code that is causing the issue as they apparently don’t need it any more.

In meantime, if anyone is looking for a patch, I posted one on Github https://github.com/r3df/r3df-popup-maker-divi-nav-fix.

Rick