How to remove the background image of the form on the mobile?

  • Profile Image
    EffieMcNair
    Asked on April 18, 2019 at 06:45 AM

    Hi There,

    1. How do I remove the background image on mobile?

    2. How to remove the space around the form on mobile?

    1555584224jotform problem.jpg



  • Profile Image
    betty
    Answered on April 18, 2019 at 10:32 AM

    Please follow these steps below:

    1. Select the desired form from "My Forms"  page.

    2. Click on the "Edit Form" page.

    3. Click on the paintbrush icon on the right of the page.

    4. Go to the CSS tab.

    5. Add the following CSS code to your form:

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

        background-color : transparent !important;

    }

    This should solve the problem.

  • Profile Image
    EffieMcNair
    Answered on April 18, 2019 at 11:04 AM

    Thanks, but this is not what I meant. I want the image to be REMOVED from mobile (not to be loaded it at all...) and I want it to be centred nicely. (like a responsive form)

    Thanks, Effie

  • Profile Image
    Nik_C
    Answered on April 18, 2019 at 01:28 PM

    I inserted this code to your Custom CSS:

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

    .form-all {

    width: 100%!important;

    margin-top: -3%!important;

    }

    }

    It should look like this on mobile devices:

    1555608497Screen Shot 2019-04-18 at 7.28

    I tested on my phone as well, and it's good.

    Please check and advise.

    Thank you!