Does this work on the iPhone/iPad

Nevermind. It has to do with some scripts being in the header causing conflicts and after re-shuffling the way they load everything is working great.

Hi @blueg2017,

Thank you for reaching out to us. No issue; I am glad your issue is resolved and appreciate your confirmation.

Please do not hesitate to inquire further if you encounter any issues. I am always here to assist you. Thank you.

• This reply was modified 1 year, 5 months ago by Rohit Bhardwaj.

Well I spoke too soon. Switching the scripts around in the Divi>Integration section only works for a short while before it either stops working on Android>Chrome or stops work on the iPad. I have not figured out why it switches from working to not working after a few hours.

The popup is triggered by clicking on a top menu navigation item. Works great in desktop, but on mobile I have this script going and I think it’s what fighting against Popups for Divi.

<script id="dt-collapsable-menu-items">
jQuery(function ($) {
	$(document).ready(function () {
		$("body ul.et_mobile_menu li.menu-item-has-children, body ul.et_mobile_menu  li.page_item_has_children").append('<a href="#" class="mobile-toggle"></a>');
		$('ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, ul.et_mobile_menu li.page_item_has_children .mobile-toggle').click(function (event) {
			event.preventDefault();
			$(this).parent('li').toggleClass('dt-open');
			$(this).parent('li').find('ul.children').first().toggleClass('visible');
			$(this).parent('li').find('ul.sub-menu').first().toggleClass('visible');
		});
		iconFINAL = 'P';
		$('body ul.et_mobile_menu li.menu-item-has-children, body ul.et_mobile_menu li.page_item_has_children').attr('data-icon', iconFINAL);
		$('.mobile-toggle').on('mouseover', function () {
			$(this).parent().addClass('is-hover');
		}).on('mouseout', function () {
			$(this).parent().removeClass('is-hover');
		})
	});
});
</script>

Which is part of this article from Elegant Themes…

https://help.elegantthemes.com/en/articles/3725736-how-to-create-a-collapsable-mobile-menu-while-keeping-the-parent-links-active

Hi @blueg2017,

I am sorry to hear that you are encountering the issue again. Sure, no issue; I will be happy to investigate and assist you in resolving your issue. Could you please share your site URL with us?

I am looking forward to your response. Thank you.

I keep trying different options for where to dump the collapsing mobile menu script. The lastest spot has now caused the mobile experience to occur in desktop Chrome at mobile screen size. It still works correctly at this time on iOS, android Chrome mobile, and desktop Firefox. It’s like it decides which platform to not work every hour.

https://sandbox1.bluegugu.com/wordpress/

Before sending this over to you I checked across all devices/browsers. It’s working again for now. This is so weird how it changes every hour for whether it will work on the mobile devices. To get it to fail, try on mobile to click the last item in the hamburger nav – “Phone/Hours”. It will just sit there and not doing anything.

• This reply was modified 1 year, 5 months ago by blueg2017.
• This reply was modified 1 year, 5 months ago by blueg2017.

Any luck re-creating it on your side? Right now iOS is working and Android is not.

• This reply was modified 1 year, 5 months ago by blueg2017.

Hi @blueg2017,

I apologize for the delay in response. Thank you for providing the additional details and site link.

I checked the issue and confirmed that your popup was working as expected on all devices.

See here:
Desktop: https://share.getcloudapp.com/jkuRyQz8
Android: https://share.getcloudapp.com/d5uDbWgx
iOS: https://share.getcloudapp.com/mXuG7BX1

However, as you mentioned, I also noticed it stopped working for a while and began working again.

See here:
Android: https://share.getcloudapp.com/qGu6zoG6
iOS: https://share.getcloudapp.com/YEu4vA2J

During the session, our code remained unchanged (when the popup was working and when it wasn’t). There is another issue that is blocking the popup from being triggered for a while. This could be a cache plugin, minified CSS/JS features, or other plugin internal feature.

You can isolate the issue by deactivating all existing plugins except for the “Popups for Divi” plugin. And further, check and confirm if there is still an issue with your popup on iOS and Android devices.

I am looking forward to your confirmation. Thank you.