Background Image Don't Fully Load on Mobile

Hi,

I'm facing an issue while using a photo as a background,

The page doesn't fully load up on the mobile phone,

I've tried multiple browsers and OS, it's all the same:

Is there a recommended size for the background?

Hi ADD,

Thanks for reaching out to Jotform Support. To fix t

Hi ADD_info, 

You can easily remove the gray line above the Submit Button by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

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

  .supernova:before {

    content: "";

    display: block;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -10;

    background-size: cover;

  }

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Check out my screencast below to see the result:

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

Hi,

I tried but it still showing the void, only way to avoid this is to go to the next page and come back, or swipe up the browser app then reopen it.

Hi ADD_info,

I’ve made some adjustments to the code. Can you try using this instead?

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

 .supernova:before {

  content: "";

  display: block;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -10;

  background-size: cover;

 }

}

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

It worked,

Thanks