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

  • SRWproducts
    Asked on January 27, 2015 at 2:58 PM
    Having a new issue on my mobile now. Labels are cut off on the left. I can't scroll over either.Labels are cut off on the left when form is access using mobile device Image 1 Screenshot 20 I
  • Jeanette JotForm Support
    Replied on January 27, 2015 at 4:36 PM

    Please click on Preferences button.

     

    Labels are cut off on the left when form is access using mobile device Image 1 Screenshot 30

     

    On General Settings, set Responsive Form option to Yes. And that would be it!

     

    Labels are cut off on the left when form is access using mobile device Image 2 Screenshot 41

    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
    Replied on January 27, 2015 at 4: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
    Replied on January 27, 2015 at 6: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.

    Labels are cut off on the left when form is access using mobile device Image 1 Screenshot 20

    Thank you.

  • SRWproducts
    Replied on January 28, 2015 at 12:05 PM

    Thank you!