Popup Modal not displaying correctly in mobile view

Hi, I am using this modal popup template

I have a few questions that I can not correct myself.

  1. I have found that it does not display correctly in mobile view, the picture and the form section are only 1/2 visible each, could somebody please help with what I need to do to adjust the template.

  2. Is there also a way that once the form has had the “sign up” button clicked, that a message saying “successful sign up” can be displayed inside the modal?

  3. The “x” button for closing the modal is not displaying, can you please advise how I can fix this.

Thank you in advance for your help.

Hey there

I am so sorry to say that this form is not fully ready for mobile devices, this CSS can fix some issues but not all of them:

@media only screen and (max-width: 900px) {
d-flex {
    flex-direction: row;
    flex-wrap: wrap;


Thank you for your response. I will try the added code, and if not successful I will try using another modal.

Thank you for your help

Hi there.

Let me know if there is anything else I can do for you.