Mobile menu popup not activating

Sry
Website:focusedresults.com.au

@kalihenry1 Likely their mobile theme is custom coded and doesn’t output the classes you added. In this case you can use Custom Selectors under the Click Open Settings.

Assuming your talking about the contact menu item then entering #menu-item-880 in the custom selectors will cause that menu item to also trigger your popup.

Hope this helps.

Unfortunately I get this error page when I click on the menu after doing that?

about:blank

@kalihenry1 – I see an easy modal in the footer, but no popup maker popups. Do you have it set to Entire Site for Targeting Conditions?

Yes on this site I’m using Easy Modal, but it appears to be the same issue with the Divi theme mobile menu. Yes it is set to entire site/

@kalihenry1 – What is the link to the PM site. Impossible for me to tell you exactly whats going wrong without looking at the correct site.

Also if your getting redirected to about:blank that isn’t something that would be directly caused by PM, likely something else causing that when PM fails or a JS error of sorts.

Here’s the link now: https://www.productivityhub.com.au/

Your custom link has a href of https://#, that is causing the broken page. It should be just # without the https://

Any suggestions on how to fix that?

Sure, edit your menu by going to Appearance -> Menus, selecting that menu and changing the custom link to not include the https://

Hope this helps.

Ok I’ve made that change and now it just scrolls to top when you click on it in the mobile menu, when screen is bigger than 980px it works fine. But it does appear we are getting somewhere ??

@kalihenry1 – Likely your themes JS is overriding the click event and returning false. This happens when the menu slides up. Not sure there is anything we can do about it outside of either rewriting their code, requesting they update it, or writing some JS that loads before theirs and overrides theirs triggering the popup on that link.

May be best to start with the theme developer and get their thoughts.

Already started with the theme developer and they sent me to you :D. Can you assist on what I might need to do with writing some custom JS?

Sure something as simple as

jQuery('#menu-item-880').on('click', function(event) {
  jQuery('#popmake-314').popmake('open');
});

But this code has to come before their scripts are rendered but after jQuery is loaded. Thats the part thats tricky as your site is using minified and combined scripts meaning the only way this will work is if you put it in a new JS file and force it to load before your themes JS. That you may need their help with to ensure its in the right place.

Thanks for that I can manage the loading orders, I’ll let you know if it works ??