Form not responsive on mobile device

  • Profile Image
    AgSolutionsAustralia
    Asked on March 09, 2016 at 01: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

  • Profile Image
    EltonCris
    Answered on March 09, 2016 at 04: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:

    Let us know should you need further assistance with this.