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

    Form displaying full width on mobile devices

    Asked by henryclarke10 on April 04, 2017 at 03:47 PM

    Hello.  We have a form on this page: 

    http://henryclarkewebdesign.com/a-new-site-services/websites/mobile-friendly-responsive-websites/ 

    I've checked "make this form responsive."

    But the form is not fitting in a narrow phone screen.  See: https://www.screencast.com/t/YSWwpzBR

    Let me know what we need to do.  Thanks for your help.

     

    Page URL:
    http://henryclarkewebdesign.com/a-new-site-services/websites/mobile-fr<br/>iendly-responsive-websites/

  • Profile Image
    JotForm Support

    Answered by Kiran on April 04, 2017 at 07:31 PM

    Please try injecting the following CSS code to the form so that it should be displaying correctly on the mobile devices.

    @media screen and (min-width: 10px) and (max-width: 540px){

    .jotform-form {

        padding: 10px 0 !important;

    }

    .form-all {

        width: 95%;

    }

    }

    Please get back to us if you need any further assistance. We will be happy to help. 

  • Profile Image

    Answered by henryclarke10 on April 05, 2017 at 03:31 PM

    Thanks Kiran.  

    I added the CSS and the form still looks the same as before.  I tried editing the max-width and width with no success.  I cleared the cache as well.

    Let me know if you have another edit.  

    Thanks again.

  • Profile Image
    JotForm Support

    Answered by Kiran on April 05, 2017 at 04:52 PM

    I have checked the web page on a mobile emulator and see that the form is displaying without any issues. 

    Could you let us know which mobile you are using so that we'll try to replicate the issue at our end and provide you with necessary assistance.

    Thanks!

  • Profile Image

    Answered by henryclarke10 on April 06, 2017 at 07:58 AM

    I tested it on a live iPhone 5s.  I checked it on a Samsung and all was well.  

  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 06, 2017 at 08:48 AM

    Hello henryclarke10,

    Please inject the following custom css code and see if that solves your problem:

    @media screen and (min-width: 10px) and (max-width: 540px){

    .supernova .form-all, .form-all {

        margin-left: opx !important;

        margin-right: 0px !important;

    }

    .form-all {

        width: 95%;

    }

    }

    Do get back to us if the issue persists.

    Thank you!