Remove the background image when viewed on mobile devices

Hi

I have created a form with the leaf template as a background, it looks great on the desktop and the mobile but when viewed on the phone my logo is completely obscured as the leaves cover everything. Is it possible to have no background but just for the phone and leave the other 2 unchanged?

Thanks

Sandy

Hi Sandy,

Thanks for reaching out to Jotform Support. You can inject the CSS code I provided to remove the background image when viewed on mobile devices. Here's how to do it:

• Click the Paint Roller icon on the top-right of Form Builder.
• Go to the Styles tab.
• Scroll down to the Inject Custom CSS section and add the following CSS code:

/* Remove the background image when viewed on mobile devices | Thread: 14147771 */

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

  .jotform-form::after {

      display: none !important;

  }





  html.supernova::after {

      background-image: none !important;

  }

}

/* END */



You can test my demo form or clone it to see the changes made in the cloned form. 

Give it a try, and let us know how it goes.

Excellent thankyou, this has worked perfectly.

Sandy