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

    iPhone responsiveness problem.

    Asked by BGCeMarketing on July 25, 2016 at 11:28 AM

    The width of the form is not responding down to the width of an iPhone in portrait orientation. It works in landscape, in all my mobile emulators and on Android. Is there a setting or CSS trick for this?

     

    Page URL:
    http://spring-market.wpuat.mywebgrocer.com/contact-us/were-listening/

    Screenshot
    responsiveness Mobile Android landscape all
  • Profile Image
    JotForm Support

    Answered by BDAVID on July 25, 2016 at 12:49 PM

    Your form shows responsive on the emulator I tried:

    I would recommend you to add the mobile responsive widget to see if that makes any difference:

    Let us know if you need more help, we will be glad to assist you.

     

  • Profile Image

    Answered by BGCeMarketing on July 25, 2016 at 05:12 PM

    Even with the widget, I'm having the same issue. As I said, it works in iPhone emulators but not on an actual iPhone for some reason.

  • Profile Image
    JotForm Support

    Answered by Kevin_G on July 25, 2016 at 09:43 PM

    Unfortunately, I have not a real iPhone device to test your form, but I have tested it on a web browser emulator and I was able to replicate the issue, here is a screenshot about what I can see on my end: 

    I can see you have embedded your form using the JavaScript embed method: 

    I would suggest you to embed your form using the iFrame embed method, it will be a bit easier to customize it to display your form properly, guide: Getting-the-form-iFrame-code

    Also, I have checked the style of the HTML elements in your form and I can see they are also influencing on how the form displays on mobile devices, for example, I have removed some padding and some widths set up with fixed values and then the form started to work fine:

     

    So please also check the current style of the elements with these classes: 

    editableSection__content

    editableSection__featuredImage

    defaultInteriorPage__editableSection

    This will help you to show your form fine on mobile devices too. 

    However, please update us here how it goes, we will be glad to further assist you. 

  • Profile Image

    Answered by maleike on July 28, 2016 at 02:26 AM

    Hello,

    I have implemented you script for the Button on m.volksstimme.de. But I have the same problem with my form at an iphone 6. Can you tell me the reason. 

    best regards

    Christian

    ?

  • Profile Image
    JotForm Support

    Answered by Chriistian on July 28, 2016 at 03:28 AM

    Hello Christian. To better assist you and to avoid any confusion, I have moved your concern to a new thread. Please follow this link to view that thread: https://www.jotform.com/answers/892521. Regards.