Docs

[jtbtu]

I have a modal popup setup for manual display only —

I have two instances of a ConvertPlug modal on my page. One is a button using the CSS class manual display functionality and it works fine on all devices.

Just below the button, I have a link that opens the same modal… it utilizes the shortcode for manual display — [cp_modal id=”cp_id_XXXX”]Content[/cp_modal] — this works on larger screens, but does not display on mobile.

It is still seemingly triggered because the page doesn’t move once clicked (even though nothing pops-up) and if I resize my screen, the modal is there. For some reason it’s just outside the mobile viewport. It isn’t an issue with screen size or responsivity because the button (using CSS class trigger) works without issue.

It seems to be specific to the shortcode on mobile devices. Please advise — I don’t want to find a completely different modal solution over that one link! 🙁

P.s. for what it’s worth, I used one of CP’s modal templates (vs. starting with a blank design) and all styling was done within the “builder” itself, no custom CSS — so I can’t imagine it’s something I did.

[jtbtu]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for posting in a very detailed information. To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look at your modal popup and the page itself. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[jtbtu]

This reply has been marked as private.

[jtbtu]

This reply has been marked as private.

[Rad]

Hi there,

It’s working fine on my end. The popup is displaying on the center no matter which trigger I click. What browser and version you’re testing it on?

For the meantime, please add javascript:void(0); on your button’s href instead of #. That’s to avoid jumping when clicked.

Thanks!

[jtbtu]

I cleared the cache and the modal is working now in general, I still can’t get the “save your spot” modal to appear on mobile (using shortcode). If you hit the button and trigger from css class, it works. If you click “save your spot” below the button, triggering from shortcode, it does not display on mobile.

Problem persists on Safari and Chrome, Android and iOS.

[jtbtu]

I just went ahead changed it to launch from class for the text below the button on mobile too, instead of using the shortcode.

Thanks for your help!

[Joao]

Glad to hear it,

Let us know if you need further help,

Joao

[Author]

Posts