How do I get images to display at the same size in preview mode and when viewing the form on a mobile as it displays when viewed on a desktop?

  • Profile Image
    SydneyShoulderSpecialists
    Asked on November 15, 2016 at 07:19 PM

    Hi There,

    The image is huge when viewed through preview or on a mobile phone but the size I want when the form is viewed on a desktop. I've tried resizing the image then re-uploading, I've tried using the width and height in image edit in the form itself but no luck. I've not published the form as yet. 

    Many thanks

    Jasmin

  • Profile Image
    Mike
    Answered on November 15, 2016 at 09:36 PM

    The images are being set to 100% width by Mobile Responsive widget. As a workaround, you may try to set a max image width to 150px on mobile form. To do this, add the next CSS via form designer.

    @media only screen and (max-width: 40em){
       img.form-image {
           max-width : 150px !important;
       }
    }

    If you need any further assistance, please let us know.

  • Profile Image
    SydneyShoulderSpecialists
    Answered on November 16, 2016 at 06:14 PM

    Hi Mike

     

    Many thanks - that worked well :-)

     

    Kind Regards

    Jasmin