Mobile responsive not working

  • Profile Image
    ttff
    Asked on February 10, 2017 at 06:48 AM

    Mobile responsive not working on full name field or tables?

  • Profile Image
    Kevin_G
    Answered on February 10, 2017 at 09: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.