Form linked in Iframe Embed widget is cut off in mobile view. Not mobile responsive

I have also noticed that with this method - the form is not responsive to the screen size.. ie for celphone , tablet or web...

Hi Elzaan,

We're happy to help make you form work better.

Could you share the related form ID and if possible a screenshot of how it look on your device?

You can attach a screenshot to this post by clicking the add image button.

In the meantime, consider adding this widget to your form: Mobile Responsive Form widget

We'll wait to hear back from you.

See below the screenshot as requested. I have inserted the 2 iframes ( online payment & offline payment ) so now I have 3 forms and will "combine" the submissions as instructed by support. But now sit with the problem that the "iframe" does not show well on mobile.

Please assist

Hello,

Please try adding this CSS code to both of your Iframe Embed widget's custom CSS tab.

iframe{

max-width:100%!important;

}

Please refer to the screenshot below:

Doing so should result in this:

Let us know if you have any further questions or concerns.

Regards,

Hi

I have tried this method - even though it is better it is still a form in a form that you need to scroll. This resulting in people not knowing that there is a form within a form and missing to submit.

Please can you provide an effective solution.

Hi there!

I hope you’re having a lovely day.

I’ll be escalating your concern to someone who can take a closer look at your form details.

We’ll get back to you once I gather more information about your query.

If you have further questions don’t hesitate to reach out, we love to help!

Warmest regards,

Marlon

Thank you kindly - looking forward to hearing from you.