Mobile preview: Header and logo are scrunched

my header and logo are scrunched in the mobile version. fine for tablet and desktop. can this be fixed?

Hello there,

I cloned your form to test. Here's how the form looks in an actual mobile device (iPhone 8+):

Please note that the mobile preview is not always accurate.

If you encounter any device that shows the form like how the mobile preview mode shows it, kindly tell us what particular device it is so that we could provide you a workaround or a custom CSS code.

Should you have any other concerns, kindly let us know.

Thank you.

it is scrunched on the new iphone and galaxy 20 ultra

is there a specific size i should shoot for? i can recreate it

Hi! I believe that you're referring to this form: https://www.jotform.com/form/210389400958157

Due to the size of the the logo, it appears to be somewhat scrunched on mobile screens.

Please check this form on your mobile phone: https://form.jotform.com/210424750611949

I have made some CSS adjustments, which will show the logo clearly on small screens. in case this solves your purpose, then you can implement the following CSS code to achieve this:

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

div.formLogoWrapper > img.formLogoImg{

  height: auto;

  top: 50px;

  position: relative;

}

}

Make sure to place this code at the end of your existing CSS code.

Thank you!

@gtaapklovers

I have moved your concern to a different ticket.

Here's the link: https://www.jotform.com/answers/2942407

We will be responding to that ticket shortly. Kindly refer to that ticket for any follow-up questions or you have any additional information that you would like to let us know to avoid confusion.