Gray area appears at the bottom of the form instead of my background.

  • Gabriel Malgo
    Asked on April 2, 2019 at 5:43 AM

    Hi, i upgradet from free to bronze.

    but instead your branding, on a smartphone there is white area visible. there should be my background image.

    on a pc it looks beautiful. not on the phone.

    Jotform Thread 1779224 Screenshot
  • AndrewHag
    Replied on April 2, 2019 at 6:47 AM

    I am not able to replicate the issue. This is how I see the form at my end, see the image below:

    1554201961chrome 4peM7OaGrt Screenshot 10

    Could you please try again and see if you are still facing the issue?

  • BJoanna
    Replied on April 2, 2019 at 10:51 AM

    This thread is Public, so you should be able to view it. 

    I tested your form using Samsung Galaxy S5 emulator and I was able to replicate the issue. 

    1554216348mobile Screenshot 10

    To resolve the issue add this CSS code to your form:

    .supernova {

            background-repeat: no-repeat;

            background-attachment: fixed;

        }

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

        .supernova {

            background-image : url("https://www.jotform.com/uploads/neobeluga/form_files/Hintergrund1.5ca30219744055.15953064.jpg");

            background-size : cover;

            height : 100%;

            overflow: hidden;

        }

        body {

            height : 100%;

            overflow: scroll;

            -webkit-overflow-scrolling : touch;

        }

    }

    How to Inject Custom CSS Codes

    1554216555mobile1 Screenshot 21

    Here is a demo form - https://form.jotform.com/90914215442957

    Feel free to test it and clone it

  • roneet
    Replied on April 3, 2019 at 6:21 AM

    Could you please let us know which phone are you using so that we could check and guide you further.

    On testing, I could not replicate in the Samsung Chrome browser. Here is the screenshot for the same:

    Gray area appears at the bottom of the form instead of my background. Image 10

    Looking forward to your response.

    Thanks.

  • Gabriel Malgo
    Replied on April 3, 2019 at 7:30 AM

    if you scroll down at chromebrowser then the address bar disappears at the top and at the bottom the gray area comes for it1554291040Screenshot 20190403 132505 Screenshot 10