-
CharlesobiAsked on March 27, 2017 at 7:33 PM
I inserted an image to the header of the form I'm working on. But I find out that the image appears minute on mobile phone. How can I make the image to appear normal on mobile phones. Thanks.
This is the link to the form
https://form.myjotform.com/61965333413556
It appears normal on the Tablet View
But appears minute on mobile phone view
-
IanReplied on March 27, 2017 at 11:47 PM
Inserting the following CSS code should fix the issue
@media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
div.form-header-group.hasImage img {
max-width: 80px!important;
}
}