How to add padding/margin to the sides of my form for viewing on a mobile device?

  • Profile Image
    Altius
    Asked on July 02, 2013 at 10:03 AM

    I am creating a form to be viewed on mobile devices.  When I look at the form on my iphone the text is right up against the side with no padding/margin.  How do I fix that?

  • Profile Image
    jefreylandicho
    Answered on July 02, 2013 at 10:32 AM

    Is the form currently embedded in a website or are you using the form via direct link? If the form is embedded in a web page, please provide the url but if you are using the direct link, try adding this code in your Form Styles CSS 

    @media screen and (device-aspect-ratio: 2/3) { .form-all { padding:10px; }}

    @media screen and (device-aspect-ratio: 40/71) { .form-all { padding:10px; }}

    To inject a custom CSS in your form style, go to Setup & Embed > Preferences > Form Styles

    For a much more detailed instruction on how to inject custom CSS, click here.

    If the issue still persist, please contact us again.

  • Profile Image
    Altius
    Answered on July 02, 2013 at 10:45 AM

    CSS worked perfectly!  Thank you jefreylandicho

  • Profile Image
    jefreylandicho
    Answered on July 02, 2013 at 10:50 AM

    You are very much welcome. Do let us know if you need our assistance and we will be glad to assist you again.