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

    Forms embedded on Wix website not displaying correctly on the mobile devices

    Asked by melodicsounds on May 04, 2017 at 07:30 PM

    1.) In my form https://form.jotform.co/71228265851862 which is embeded here: www.conqrpreview.com/landing-standard, (wix site), while on mobile, the form looks "cut off".

     

    NOTE: I've tried embedding Ifram, website and script method and the 3 performed the same.

     

    2.) Same issue with my form: https://form.jotform.co/71227816551860 embeded in www.conqrpreview.com/apply-standard

     

    Help!

     

    Thanks.

  • Profile Image
    JotForm Support

    Answered by Kiran on May 04, 2017 at 10:46 PM

    As we check the form in a mobile device using the direct URL, it seems to be displaying correctly. However, when embedded the form the web page, see that the right side is being cut off. Please try injecting the following CSS code to the form and see if they are displaying correctly on the mobile screens.

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

    .supernova {

    width: 90% !important;

    }

    }

    In the second form, https://form.jotform.co/71227816551860, you may use the same CSS code. However, please change the width to 70% so that it should be displayed correctly.

    Please get back to us if the issue still persists. We will be happy to help. 

  • Profile Image

    Answered by melodicsounds on May 16, 2017 at 08:03 PM

    Thank you for this.. can you help me with a CSS to fix the Signature Widget I am using please? Look how it looks on mobile.

    as you can see the line where you sign it goes out of the screen.

     

    Thanks

  • Profile Image
    JotForm Support

    Answered by Chriistian on May 16, 2017 at 09:11 PM

    Hi there,

    Please add this custom CSS on the code that Kiran has provided, in order for the Signature widget fits on the screen.

    canvas.jSignature {

        width: 250px !important;

    }

     

    So it should be like this:

     

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

    .supernova {

    width: 90% !important;

    }

    canvas.jSignature {

        width: 250px !important;

    }

    }

    Here's the result after:

     

    Cheers.