How to view the form image header and background color on mobile browsers?

  • QRREMarketing
    Asked on June 13, 2019 at 10:03 AM

    Hello, when I test my form on my Android and IOS devices, only the form fields load. Neither the image nor background color are visible. Can you assist with this? 

    Jotform Thread 1856015 Screenshot
  • Jed_C
    Replied on June 13, 2019 at 11:27 AM

    Please inject the CSS code below so you can view the header image and the background color on mobile browsers.

    @media only screen and (max-width: 480px){

    .supernova .form-all, .form-all {

        margin-top: 169px !important;

        margin-bottom: 169px !important;

    }

    }

    Output:

    1560439577mobile view Screenshot 10

    I hope that helps. Let us know if you have any questions or if you need further assistance. 

  • QRREMarketing
    Replied on June 13, 2019 at 11:56 AM

    Thanks! I'll give this a try. 

  • QRREMarketing
    Replied on June 13, 2019 at 12:14 PM

    That worked. Thanks Jed_C!