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

  • Profile Image
    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
  • Profile Image
    Jeanette
    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.

     

  • Profile Image
    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.

  • Profile Image
    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.

  • Profile Image
    SRWproducts
    Answered on January 28, 2015 at 12:05 PM

    Thank you!