-
theoalofaAsked on May 23, 2024 at 6:43 AM
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
-
Joeni JotForm SupportReplied on May 23, 2024 at 8:35 AM
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:
- In Form Builder, hover over your mouse to the upper right and click the Paint Roller icon.
- 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.
-
theoalofaReplied on May 24, 2024 at 9:31 AM
Thank you so much for your help. God bless