Resize Image for mobile.

  • Profile Image
    m7ickey
    Asked on September 08, 2016 at 03:47 PM

    I need a code to resize an image when viewed on a phone. I uploaded my own image and placed it at the top of my form. When viewed on mobile, everything but the image is mobile responsive. The image just gets cut off.

    I actually had so many problems with mobile view that I need to re-make ALL my forms so this time as I encounter any problem I'm solving it before moving on. Here's what it looks like:

    Thanks

  • Profile Image
    BDAVID
    Answered on September 08, 2016 at 05:59 PM

    Please inject the following code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

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

    #cid_14 img{

        width: 100% !important;

    }

    }

    Result:

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image
    m7ickey
    Answered on September 08, 2016 at 07:41 PM

    That worked, Thanks! I need lots of help. I made forms look great on my laptop but messed up every one for mobile viewing. I now have only one good form all others I need to start over. There is nothing easy about this!

  • Profile Image
    Chriistian
    Answered on September 08, 2016 at 11:02 PM

    I am glad to know that my colleague's code worked for you. We are happy to help you further with your concerns. I see that you have already posted a thread regarding the design of your form on mobile. We shall assist you with your concerns over there. Here's the link to that thread: https://www.jotform.com/answers/927140
    Regards.

  • Profile Image
    m7ickey
    Answered on September 09, 2016 at 04:58 PM

    FYI. it looks good now in portrait but could look better in landscape meaning centered. Here's some screenshots:

  • Profile Image
    m7ickey
    Answered on September 09, 2016 at 05:05 PM

    Never mind, just discovered the widget, Dangit, wish I knew about that sooner