How can I get rid of the space between the Logo and start of form please?

How can I get rid of the space between the Logo and start of form please?

Seems ok on Desktop but rather deep empty space is showing on mobile phone.

This Cafe pre-Order form will be 99.9% used on mobiles - so it needs to be optimed so that - it loads fast and we do not get this big gap between logo and  start of form - that we have now on mobile access  

Where can I learn about the Optimal Graphic Dimensions/ Resolution / Pixls for my header panel.

Where ca

.

Please?

Ian

Please insert the CSS code mentioned below into your form:

@media screen and (max-device-width: 40em) {

.form-all:before {

    background-position: bottom center !important;

}

.form-all {

    margin-top: -15em !important;

    top: 15em !important;

}

}

.form-all, .formPage-each {

    postition: relative;

    margin: auto !important;

    top: 20em;

}

This guide explains, how you can inject the CSS code into your form: How-to-Inject-Custom-CSS-Codes.

I tested this on a cloned form and this is how the form looks like on mobile:

Your next question regarding Optimal Graphic Dimensions/ Resolution / Pixels has been moved to a new thread and will be answered shortly. Please check the thread link below:

https://www.jotform.com/answers/1930761