Adjusting width of Configurable List to fit on iphone form

  • Profile Image
    Asked on March 23, 2016 at 03:32 PM

    I have a membership form with a configurable list and it's too wide for the iPhone.  It makes the rest of the form not fit properly.  If I remove the widget the form fits fine. I saw some that had fields underneath each other instead of horizontally.  I was wondering what I needed to do to fix my form.


  • Profile Image
    Answered on March 23, 2016 at 04:28 PM

    The Configurable List widget is based on a fixed table layout. You may try affecting it with added CSS code to the CUSTOM CSS tab of that widget.

    For example, try the next CSS in order to set a 100% width for mobile devices:

    @media only screen and (max-width: 480px) {
    table#list {width: 100% !important;}
    textbox, textarea, select{width:100% !important;}
    input[type=text] {width: 100% !important;}

    If you need any further assistance, please let us know.

  • Profile Image
    Answered on March 23, 2016 at 05:43 PM

    Thanks that worked. I have an issue though of not being able to see the next button at the bottom of the page when viewing on a mobile device.  I have to enlarge the iframe on the webpage larger than the from to be able to view it.