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?

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

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.

Hi Mike

Many thanks - that worked well :-)

Kind Regards

Jasmin