Problem with Modal-Popup (Responsive)

[felixstuermer]

I have a problem with the modal popup of the header builder where i placed a gravity-Form within:
The presentation on a mobile device does not fit to the screen or to explain better see the screenshot for yourself.

What can i do here?

[thai]

Hi @felixstuermer,

Please add the my-modal class to your modal:

After that add this custom CSS:

.my-modal .x-modal-content-inner {
    display: block !important;
    max-width: 350px !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

Hope it helps

[felixstuermer]

Inside of this modal is a Gravity-Form.

When the user submit’s the form, the ajax function does not work within this modal - so the user needs to click again on the button in order to see the result if the contact form was successfully submitted or any problem appeared!

Can you help me with that?

[mldarshana]

Hi Felix,

Regretfully, Gravity Form’s Ajax functionality will not work inside a modal by default. It could be possible with custom development, however it will fall beyond our scope of the support.

You can refer to the following response for more details (https://theme.co/apex/forum/t/modal-refresh-while-open/55415/4?u=mldarshana).

Thanks!