Form being cut off on mobile

  • holycowdigital
    Asked on April 5, 2019 at 4:29 PM

    When I view the mobile version of my form it is cut off on the left side. How do I fix this. I am self hosting on the Jotform domain. I've tried adjusting the width of the form but it does not change anything.


    Thanks.


    Joel

    Jotform Thread 1784284 Screenshot
  • Elton Support Team Lead
    Replied on April 5, 2019 at 5:59 PM

    Inject this CSS codes to your form. This should correct it.

    @media screen and (max-width:480px){

    .form-all{

    max-width:none !important;

    width:100% !important;

    }}

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

  • holycowdigital
    Replied on April 5, 2019 at 6:07 PM

    Thanks Elton. This is what I get. I would like it to not go all the way to the edges. I tried changing it form 100% to 90% but it's still left aligned.1554501938Screen Shot 2019 04 05 at 5 Screenshot 10 1554501993Screen Shot 2019 04 05 at 5 Screenshot 21

  • Elton Support Team Lead
    Replied on April 5, 2019 at 9:39 PM

    I see. Replace it with this to center align the form too.

    @media screen and (max-width:480px){

    .form-all{

    max-width:none !important;

    width:100% !important;

    margin:0 auto !important;

    }}

    Result:

    Form being cut off on mobile Image 1 Screenshot 20