Can't center on mobile

  • hhuesca
    Asked on February 6, 2018 at 1:22 AM

    Hi;

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


    Jotform Thread 1373753 Screenshot
    Page URL: http://beta.trusthab.com/mobile/
  • BJoanna
    Replied on February 6, 2018 at 4: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 Screenshot 10

    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 Screenshot 21

    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. 

  • hhuesca
    Replied on February 6, 2018 at 2:32 PM

    It worked great! Thank you very much guys :)