Form being cut off on mobile

  • Profile Image
    holycowdigital
    Asked on April 05, 2019 at 04: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

    Screenshot
  • Profile Image
    EltonCris
    Answered on April 05, 2019 at 05: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

  • Profile Image
    holycowdigital
    Answered on April 05, 2019 at 06: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.04 1554501993Screen Shot 2019-04-05 at 5.06

  • Profile Image
    EltonCris
    Answered on April 05, 2019 at 09: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: