Mobile view: Too much white space and missing text on first button

  • Profile Image
    Simon
    Asked on June 04, 2020 at 10:20 AM

    Dear support,


    I embedded this form:

    https://form.jotformeu.com/90132002122332

    on the following website:

    https://maprank.de/bewerbung/

    but the problem is:

    There is so much white space above the form that one has to scroll down on a mobile phone to read the question and see the button.

    And: The first button does not show "Weiter" which it does inside the editor.

    How can I remove the white space above the form?

    And what can I do to show the text in the first button?


    Thanks a lot,

    Simon

  • Profile Image
    Jovanne_A
    Answered on June 04, 2020 at 10:56 AM

    Hi, thank you for reaching out to us.

    You can reduce the white space in mobile view by inserting this custom CSS:


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

    iframe#JotFormIFrame-90132002122332 {

        height: 450px !important;

    }

    }


    Here is a guide on how to inject custom CSS codesHow-to-Inject-Custom-CSS-Codes

    Let us know if this works for you.

  • Profile Image
    kosiro
    Answered on June 04, 2020 at 11:58 AM

    Hello Jovanne

    thanks for your answer.

    The guide you're referring to mentions a "styles" tab where one could add custom css.

    The problem is that my editor does not show this tab. I also could not find the css editor elsewhere.

    thanks for any additional hints,

    Simon

  • Profile Image
    Jovanne_A
    Answered on June 04, 2020 at 12:06 PM

    Hi, thank you for your response.

    Unfortunately, it's not possible to insert a custom CSS codes in the card layout.