Labels are cut off on the left when form is access using mobile device
-
JeanetteAnswered on January 27, 2015 at 04:36 PMJotform Support
Please click on Preferences button.
On General Settings, set Responsive Form option to Yes. And that would be it!
On regards to the scrolling problem, does this occur only on mobile? Is the form embedded on a website? If so, please share with us the link. Otherwise provide more details such as form's name in our account.
-
SRWproductsAnswered on January 27, 2015 at 04:44 PM
I still have the same problem where they are cut off. There is no scrolling problem, I was just saying I can't scroll over to view the label.
-
MikeAnswered on January 27, 2015 at 06:21 PM
Replace the following CSS on your form:
li#id_83 {
margin-left: -45px;
}li#id_81 {
margin-left: -45px;
}
With the next CSS:
#id_84, #id_83, #id_81 {
padding-right: 0;
}
#id_83, #id_81 {
padding-left: 5px;
}
@media only screen and (max-width: 40em) {
#id_83, #id_81 {
padding-left: 1px;
}
}
It should better align the State, City and Zip fields on desktop and mobile browsers.
Thank you.
-
SRWproductsAnswered on January 28, 2015 at 12:05 PM
Thank you!