Configurable list widget is cut-off in Mobile browser

  • photokc
    Asked on March 14, 2016 at 5:05 PM

    Hi

    As soon as I added the configurable list widget to my form, on mobile devices in portrait view, one side is always cut off.  How can we get this to show properly?

    Thank you!

    Jotform Thread 794405 Screenshot
    Page URL: http://www.asphaltpartsus.com/quote/
  • David JotForm Support Manager
    Replied on March 14, 2016 at 6:03 PM

    Please try injecting the following CSS code in the Custom CSS area of the Configurable List widget:

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

    input[type="text"]{

    width: 81% !important;

    }

    }

    Configurable list widget is cut off in Mobile browser Image 1 Screenshot 30

    It should display like this:

    Configurable list widget is cut off in Mobile browser Image 2 Screenshot 41

    Let us know if you need more help.

  • photokc
    Replied on March 14, 2016 at 6:32 PM

    Worked perfectly, Thank you!!!

  • jonathan
    Replied on March 14, 2016 at 6:46 PM

    On behalf of my colleague you are quite welcome. Contact us again anytime should you need assistance.

    Cheers