The Header Image appears minute on mobile phone

  • Charlesobi
    Asked 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

    The Header Image appears minute on mobile phone Image 1 Screenshot 30

     

     

     

     

     

     

     

     

     

     

     

    It appears normal on the Tablet View

     

    The Header Image appears minute on mobile phone Image 2 Screenshot 41

    But appears minute on mobile phone view

    Page URL: https://form.myjotform.com/61965333413556
  • Ian
    Replied 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;

    }

    }