Shortcode Load error

Dear @jwiley22,

Thank you for the topic.

We checked and noticed that all the fields are normally displayed on both PC and mobile device.

See the screenshots below:

View post on imgur.com

View post on imgur.com

View post on imgur.com

While checking, we noticed that you are using a Cache plugin, due to which the page is displayed as Static HTML.
So, please clear?all?the?caches?and check whether the issue persists or not. Make?sure the?cache?is?excluded?on the page where the given popup is located.

After?clearing?the?caches, please try to check the case with either the?Incognito?mode?or?another browser/device.?

Thank you.

Thank you for your response. I disabled all cache and minify plugins for the time being to eliminate if that is the issue. The form typically will load in full on the first webpage. But when the webpage is reloaded or a new page is directed to, the form will no longer fully show. I did notice its more often then not happening on mobile but in some cases, desktop too.

Dear @jwiley22,

Thank you for your reply.

Our Development Team has checked and noticed the following,

The height of the iframe you set in the content is connected via JavaScript.

See the screenshot below:

View post on imgur.com

In case for some reason, the JavaScript doesn’t work, the popup is displayed partially.

See the screenshot below:

View post on imgur.com

Please note, that this case is not connected to our plugin. The problem comes from the iframe code you inserted.

Though the case doesn’t come from our plugin side, our Dev Team has created a new CSS code to solve the problem.

Please take this CSS code and insert it into the Popups > particular popup > Styles tab > Custom CSS option. 

Then, replace?YOUR_POPUP_ID?with the corresponding Popup ID (e.g. 3, like this .ays-pb-modal_3).?
Do not delete the space after it.
Do not forget to?clear the cache afterward.

.ays-pb-modal_YOUR_POPUP_ID .ays_content_box iframe {
height: 500px !important;
}

@media screen and (max-width: 768px) {
div.ays-pb-modal_YOUR_POPUP_ID .ays_content_box iframe {
height: 669px !important;
}
}

Please check this and let us know about the outcome.

Thank you.

It worked!! Quite interesting how that was the issue. I never expected the iframe javascript to fail but I am so happy your team was able to catch and fix that for me. Much appreciation!

Dear @jwiley22,

Thank you for your reply.

Glad to hear that the CSS code was of help to you to fix the problem.

If your?query?is?resolved, please take a moment to?rate?and?review?the plugin or support.

Many thanks in advance!