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

    My "Contact Information" form doesn't look right on mobile devices.

    Asked by BlueGlobe on September 16, 2015 at 05:04 PM

    All of the fields and the buttons are stretched out.  The "Phone Number" field is what looks the worst, it's confusing to anyone viewing from a mobile device.

    I tried to view with my iPad2 and iPhone6.  Both display the same results.

     

    www.getbgc.com

     

    <script type="text/javascript" src="//form.jotform.us/jsform/51186520659156"></script>

     

    Please help.  I want to look professional to prospective employees/contractors.

    Thank you.

    mobile devices mobile responsive
  • Profile Image

    Answered by BlueGlobe on September 16, 2015 at 05:16 PM

    I have changed the form to "Responsive" but only worked on the iPhone6 in Portrait.  In landscape, the fields are stretched out.  I've viewed with Safari and Google Chrome...same results.

  • Profile Image
    JotForm Support

    Answered by Welvin on September 16, 2015 at 06:47 PM

    Can you please check now? If you'll go the designer and check the CSS section, you will see that I have added a few custom CSS codes there:

    They are a mobile CSS query. I hope that works.

    Thanks

  • Profile Image

    Answered by BlueGlobe on September 20, 2015 at 01:18 AM

    Thank you.  That fixed the view on the iPhone6 but not the iPad.

    I'll have to get familiar with the CSS settings.

    When I go into the CSS helper, it doesn't show any content, like your screen shot showed.  How do I access the same contect?

  • Profile Image
    JotForm Support

    Answered by Welvin on September 20, 2015 at 10:40 AM

    I have adjusted the custom CSS codes for mobile devices. The codes are in the CSS tab. You should be able to view it because that is your form.

    In the form builder, you should click the "Designer" button:

    In the designer, simply click "CSS" tab to view the custom CSS codes:

    Thanks