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

Hi There,

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

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

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.

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

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:

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

Please check and advise.

Thank you!