Header logo is too small when viewed from mobile

  • RhinebeckAnimalHospital
    Asked on October 20, 2017 at 1:46 PM

     

    Hello,

    So it appears that on mobile display our company's logo icon shrinks to an illegible size. Are there any ways around this? The current logo is set to display at 200px width.

    Thank you!

     

    answers Screenshot 10

  • Support_Management Jotform Support
    Replied on October 20, 2017 at 3:02 PM

    You're correct - To fix this, please try injecting the following CSS codes to your form builder:

    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

      .form-header-group.hasImage > .header-logo {

        display: block;

        text-align: center;

      }

    }

    Result: https://www.jotform.com/72926092943969 

    Header logo is too small when viewed from mobile Image 1 Screenshot 20

    Please use an actual mobile phone to test how it looks like.

  • RhinebeckAnimalHospital
    Replied on October 20, 2017 at 4:43 PM
    Worked perfectly! Thank you! :)
    ...