Can't center on mobile

  • Profile Image
    hhuesca
    Asked on February 06, 2018 at 01:22 AM

    Hi;

    I'm not able to make my form center on Mobile. Can you help me with this?


  • Profile Image
    BJoanna
    Answered on February 06, 2018 at 04:16 AM

    Add this CSS code to your form:

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

    .jotform-form .form-all {

        margin: 0 auto !important; 

    }}

    How to Inject Custom CSS Codes

    1517908493css.JPG

    If you want to center the submit buton as well on mobile devices add this CSS as well to your form: 

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

    .form-buttons-wrapper {

        text-align: center!important;

    }

    }

    1517908511css1.JPG

    Here is my demo form: https://form.jotform.com/80361515863962 

    Feel free to test it and clone it

    Let us know if you need further assistance. 

  • Profile Image
    hhuesca
    Answered on February 06, 2018 at 02:32 PM

    It worked great! Thank you very much guys :)