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 is unresponsive on mobile devices for image and quick fields

    Asked by fhpw on April 14, 2015 at 09:43 AM

    Good morning!

    My form Quick Fields and top image banner is not responsive to mobile devices in portrait mode when viewing in designer. I did make the form responsive under preferences and in Designer. How do I adjust setting to ensure the mobile phone view is responsive?  Thanks.

     

     

     

    Page URL:
    http://form.jotformpro.com/form/50924825442961

    Mobile unresponsive and devices
  • Profile Image

    Answered by Syed on April 14, 2015 at 09:51 AM

    Hi there;

             Please try to use "Mobile Responsive" Widget, review the following screenshots.

    Will let us know, if you need further assist on this, we would be happy to assist you.

     

    Thankyou,

  • Profile Image

    Answered by fhpw on April 14, 2015 at 10:53 AM

    Thanks.  I added the mobile widget and it corrected the image overlap. However, the quick tool fields did not respond. 

    The solution -

    Use the mobile widget and expand all fields so that the form responds correctly.  After expanding all fields, the form responds on all devices. 

    I appreciate the assist!

     

  • Profile Image

    Answered by Syed on April 14, 2015 at 11:08 AM

    Please inject the following CSS Code Block for Quick Fields, and let us know if you still having issues on this.

    [data-type="control_fullname"] .form-sub-label-container:first-child {margin-right: 150px !important;}

     

    Thankyou,