Labels are cut off on the left when form is access using mobile device

SRWproducts
Asked on January 27, 2015 at 02:58 PM

Having a new issue on my mobile now. Labels are cut off on the left. I can't scroll over either. I
Jeanette

Jotform Support

Answered on January 27, 2015 at 04:36 PM

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.
SRWproducts
Answered 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.
Mike
Answered 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.
SRWproducts
Answered on January 28, 2015 at 12:05 PM

Thank you!