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.


  • Profile Image

    Mobile responsive widget doesn't work

    Asked 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.

     

    My form: http://skinnytrans.ie/order_food.html

    https://form.jotformeu.com/jsform/63252663861358

     

    Page URL:
    http://skinnytrans.ie/order_food.html

    Mobile doesn't work mobile responsive responsive widget
  • Profile Image
    JotForm Support

    Answered by candy on November 25, 2016 at 09:58 AM

    Hello,

    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.

  • Profile Image

    Answered by Skinnytrans on November 27, 2016 at 12:02 PM

    Dear candy,

    Sorry for being away for this long. I use iPhone5 and 6s for testing. 

  • Profile Image
    JotForm Support

    Answered by KadeJM on November 27, 2016 at 02:44 PM

    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):