My header looks goofy on a mobile device

This is the jotform I have created.  When I look at it from a mobile device the header and sub-header go off the of the white and onto the background image.  When I turn my phone it is fine.  

Any thoughts?  I would like to send this out today.

https://form.jotform.com/70296727661161

 

Hi there, 

The problem is caused by the header image, which ends up taking up too much space on a mobile device. You can easily fix this by adding the code below in your custom CSS.

@media (max-width: 480px) {.header-logo-left { width: 135px; }}

You can do this by opening the form designer:

 

And then opening the css tab and pasting the code in there:

 

 

Please let us know if there's anything else we can help you with.

Best,
Ege

THAT IS AMAZING!!!!! THANKS!!!!!!
Jody
[cid:image002.png@01D27C7D.4E019B10]
Jody Reynolds
Coordinator of Church & Parent Relations
651-631-5350
jlreynolds2@unwsp.edu | www.unwsp.edu | www.unwfuel.com
Equipping Christ-centered learners and leaders
to invest in others and impact the world.
...