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

    Resize image on mobile version?

    Asked by LBtaekwondo on July 30, 2016 at 11:24 AM

    Here is my form:

    https://form.jotform.com/62106458377965

    On desktop, my last image appears approx. half screen size, to the left of 2 fields. On mobile, this image appears full width of the screen. The image looks too big on mobile version, imho. I would like to keep the image approx. 50% of screen size, with those 2 fields in a column to the right of the image, so the mobile version looks like the desktop. Is it possible?

    Mobile mobile version resize image JotForm size
  • Profile Image
    JotForm Support

    Answered by KadeJM on July 30, 2016 at 02:39 PM

    So you mean that you would like to customize the last image to appear similar on mobile as to how you have it on the desktop form?

    The reason it's fitting the screen is due to the optimized mobile responsiveness of your form but it should be possible to modify that though it will take some finagling.

    Please allow us some time to look into this and see what we can do to assist with it and we'll update you again as soon as we can.

  • Profile Image
    JotForm Support

    Answered by KadeJM on July 30, 2016 at 03:07 PM

    I've made some changes using some customized css for your form to correct it for you.

    I have added this extra line of css code below to a copy of your form which basically targets the mobile device screen leaving the desktop alone:

    @media only screen and (max-device-width: 550px){

    #cid_21 img.form-image {

        width: 50%;

        margin-left: -183px;

    }

    #id_3 {

        margin-top: -160px;

        margin-left: 210px;

        }

        #id_8 {

        margin-top: -100px;

        margin-left: 210px;

        }

    }

     

    Please take a look at this updated version of your form on mobile:  https://www.jotform.com/form/62115319400948   [clone me!]

     

    Here's a quick look to see what it looks like now from my iPhone on mobile chrome:

  • Profile Image

    Answered by LBtaekwondo on July 30, 2016 at 04:16 PM

    I like!

    Thank you for your time. I love the forms I've been able to make on Jotform, and I don't know how we'd keep the business going without them!

  • Profile Image
    JotForm Support

    Answered by Kevin_G on July 30, 2016 at 10:26 PM

    On behalf of my colleague Kade, you're welcome. 

    Thank you for letting know us that JotForm is very helpful for your business, we're glad to know that. 

    If you have any question, feel free to contact us anytime, we will be glad to assist you.