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

  • Profile Image
    Gabriel Malgo
    Asked on April 02, 2019 at 05: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.

  • Profile Image
    AndrewHag
    Answered on April 02, 2019 at 06: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.png

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

  • Profile Image
    neobeluga
    Answered on April 02, 2019 at 07:43 AM
    i cant see the image, because i cant
    login to this thread. there comes "unauthorized acces, your
    account does not have access to this page. please swich or login
    your account.

    if i click on login or switch it does nothing happen. cant login
    to go to this thread. but in my jotform account i am logged in.

    the problem with the white area:
    i load the form on android samsung galaxs s5 neo with chrome
    browser. if i scroll down, then the white area come.

    i now tested it with the internet browser of the phone, there is
    no problem.



    Am 02.04.2019 12:47, schrieb JotForm:



    New response received

    p img {
    width: 100%;
    }




    A new response has
    been received:





    Answered by AndrewHag

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

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


    View this thread on
    browser Unsubscribe Thread

    1554202040



    --
    Wir belohnen jede erfolgreiche Empfehlung unserer Kunden mit 250.- CHF.
    Wir nehmen keine Anfragen ohne Empfehlung an.
    neobeluga
    Holzgerahmte Portraits
    Gabriel Malgo
    Buechmes 6
    8311 Brten

    077 442 5031
    www.neobeluga.ch
    ...
  • Profile Image
    BJoanna
    Answered on April 02, 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.PNG

    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.PNG

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

    Feel free to test it and clone it

  • Profile Image
    neobeluga
    Answered on April 03, 2019 at 03:12 AM

    Hi, i entered the custom css. on my phone its still gray but only with chrome browser. with the samsung browser it work.

  • Profile Image
    roneet
    Answered on April 03, 2019 at 06: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:

    15542868291.PNG

    Looking forward to your response.

    Thanks.

  • Profile Image
    Gabriel Malgo
    Answered on April 03, 2019 at 07: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.png

  • Profile Image
    neobeluga
    Answered on April 03, 2019 at 08:06 AM

    Hi, i recordet my screen and loadet up in youtube: take a look. when you scroll down with google chrome browser the adressbar goes and the gray area appears: