What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Mobile responsive widget doesn't workAsked by skinnytrans on November 25, 2016 at 09:13 AM
Hi Jotform team,
I tried to reattach, tried the designer option, tried many things, but couldn't work out why my form is not mobile responsive. Can you help out, please?
It seems to work on browser test mode but on mobile it is simply not mobile responsive.
I have checked your website and your form on my Android mobile phone and I could not see any issue as you can see the screenshots below:
Which mobile phone did you test your form on? If you are using iPhone, I recommend you to embed your form with iFrame as the following link: https://www.jotform.com/help/148-Getting-the-form-iFrame-code
Please check and If you need further assistance, let us know.
Thanks in advance.
Sorry for being away for this long. I use iPhone5 and 6s for testing.
I took a look at this issue on my iPhone 6 and I believe I see what you mean.
The problem isn't actually with the form as the form is legitimately mobile responsive and you can see this by looking at your direct form link on your mobile device to verify the same.
The issue is actually a problem after embedding it onto your site and there's a few things we can attempt to help you with this to try to fix it.
Option 1 - You can try checking your website settings in your website builder allows it to make it fit more adversely within mobile if your site page builder is capable of adjusting the containers when viewed on mobile.
Option 2 - If your site has a mobile site builder you can fix it there or enable it to correct it.
Option 3 - Alternatively, you can keep your form the same on your site and attempt to make several tweaks to the form to make it fit better with the form designer and injected css but, this may take a bit of finagling and effort to perfect it better.
This is what I see on my iPhone 6 with just the Form Link (Working):
And here's what I see on my iPhone 6 with your embedded form (Cut Off on Right Side):