Mobile responsive not working

  • ttff
    Asked on February 10, 2017 at 6:48 AM

    Mobile responsive not working on full name field or tables?

  • Kevin Support Team Lead
    Replied on February 10, 2017 at 9:42 AM

    You could inject this CSS code  to get your full name field displayed properly and tables as well, do note that tables by default are not responsive, and due to its nature it is a bit hard to display them in a responsive way, but with this code you will avoid them to display over the form: 

     

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

        [data-type="control_fullname"] span.form-sub-label-container {

                display: block !importat;

                width: 100% !important;

            }

     

            .form-label{

                display: block !important;

                float: none !important ;

            }

      

      div#text_43, div#text_45 {

              overflow-x: auto;

          }

    }

    This guide will help to inject it: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Here's a cloned form of yours where you can see the result: https://form.jotform.com/70403939945969 

    Hope this helps.