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

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

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 codes: How-to-Inject-Custom-CSS-Codes

Let us know if this works for you.

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

Hi, thank you for your response.

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