Resize image on mobile version?

  • Profile Image
    LBtaekwondo
    Asked 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?

  • Profile Image
    KadeJM
    Answered 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
    KadeJM
    Answered 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
    LBtaekwondo
    Answered 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
    Kevin_G
    Answered 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.