Can someone help me make my configurable list widget mobile responsive?

  • Profile Image
    mikiscubafreedom
    Asked on July 18, 2016 at 01:19 AM

    I have the same problem. i am not really familiar with CSS but managed to layout on PC. But on mobile phones it is useless as not all field show up. Please help!!!

    https://form.jotform.co/61896419541869

  • Profile Image
    beril
    Answered on July 18, 2016 at 05:17 AM

    Could you try to inject the CSS code below from designer:

    @media only screen and (max-device-width: 50em)

    .custom-field-frame {

    width: 100% !important;

    max-width: 320px;

    }

     

    In addition to that, we would appreciate it if you could inject the CSS code to your widget.

     

    @media only screen and (max-device-width:50em){

    table#list {width: 100% !important;}

    textbox, textarea, select{width:100% !important;}

    input[type=text] {width: 100% !important;}

    th {font-size: 10px !important;font-weight: normal !important;}

    }

     

    If this does not resolve the issue, please let us know and we will be glad to take another look.