Header is not balance and looks stretch on mobile view

Hi there,

My header is stretch on mobile. Ive tried the css codes available when I googled this problem but none of them seem to work for me. Please help

Hi Theodore,

Thanks for reaching out to Jotform Support. I'm sorry that this is happening. You can Inject this CSS Code into your form.

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

.form-page-cover-image-wrapper {

 top: 0px !important;

 position: relative !important;

}

.form-page-cover-image {

 width: auto;

 height: auto;

}

.form-all {

 margin-top: 0px !important;

}

}

Let me show you how to Inject CSS Code:

1. In Form Builder, hover over your mouse to the upper right and click the Paint Roller icon.
2. Go to the Style tab, scroll down, and add your CSS Code to the Inject Custom CSS Box.

Give it a try and let us know how it goes.

Thank you so much for your help. God bless