How can I adjust the logo to be displayed on mobile devices?

  • Profile Image
    mcozzie
    Asked on January 08, 2018 at 03:57 PM

    My logo doesn't format to fit different screens on different devices. I've tried it both as a logo and as an image element added to the form.

    As a logo, it doesn't fit the iPhone or iPad in portrait view. 

    As an image it only works on the iPhone in portrait.

  • Profile Image
    Kevin_G
    Answered on January 08, 2018 at 05:15 PM

    I have checked your form and it seems to be cutting off on iPhone devices, but this code should help you correcting that: 

    @media screen and (max-device-width: 667px){

      .form-all:before {

        background-size: 325px 105px !important;

    }

    }

    This guide will help you injecting the code to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I also checked your form in an iPad emulator and it works like this: 

    15154496531.png

    Please inject the code and let us know how it goes.