Header image is too small when viewing on mobile portrait view.

  • Profile Image
    waldensecurity
    Asked on March 17, 2017 at 09:57 AM

    The image/logo I've placed in the header is great in every view mode except the mobile portrait view.  It shrinks the logo way beyond proportion.  

  • Profile Image
    Kevin_G
    Answered on March 17, 2017 at 01:13 PM

    Please, inject the following CSS code to your form in order to resolve 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: initial !important;

        }

    }

    Guide: How-to-Inject-Custom-CSS-Codes

    Here's my cloned form of yours where I've injected the given code and worked: https://form.jotformpro.com/70755363457968 

    Hope this helps. 

  • Profile Image
    waldensecurity
    Answered on March 17, 2017 at 02:27 PM

    This worked.  Thanks.