How can I make my form mobile friendly?

  • lisamoore
    Asked on October 25, 2017 at 5:41 PM

    My jotform looks great on my mac, but isn't aligned correctly from my mobile.  Is there a special link I need to use that is mobile friendly?

  • lumiardian
    Replied on October 25, 2017 at 8:21 PM

    Please put this CSS Code in Custom CSS area:

    @media (max-width:434px){

     .form-line {

         margin: 0 auto !important;

     }


     #id_8 {

         text-align: right !important;

     }

    }


    On this link you will find on how to inject Custom CSS Code.

  • Support_Management Jotform Support
    Replied on October 26, 2017 at 2:20 AM

    @lisamoore - Your form looked like this on mobile as of writing this reply.

    How can I make my form mobile friendly? Image 1 Screenshot 30

    If you will go with @lumiardian's suggestions, it will look like this after applying the CSS codes he provided:

    How can I make my form mobile friendly? Image 2 Screenshot 41

    Related guide: How-to-Inject-Custom-CSS-Codes 

    Please give that a spin and let us know if you face any problems.