Form not responsive on mobile device

  • AgSolutionsAustralia
    Asked on March 9, 2016 at 1:03 AM

    Hi,

     

    The form works perfectly fine on Desktop but when on mobile it left aligns the form and is not responsive. How do i get this to be centered on all mobile devices?

     

    Regards,

     

    Maddy

    AgSolutions Australia

    Page URL: https://form.jotform.co/60667987425875
  • Elton Support Team Lead
    Replied on March 9, 2016 at 4:07 AM

    Your form appears to be displaying properly on mobile except the submit button image and the email field which doesn't appear to be mobile responsive.

    Please inject this CSS codes to your form, this should correct them.

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

    .form-submit-button, .form-submit-button img{

    width:100%;

    }

    .form-line-column {

       white-space: normal;

    }    

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes (paste it at the bottom part)

    Result:

    Form not responsive on mobile device Image 1 Screenshot 20

    Let us know should you need further assistance with this.