Prevent 2 column fields from breaking on mobile

  • Profile Image
    Jeremy 
    Asked on May 16, 2016 at 06:29 PM

    I have a 2 column field where someone chooses their country's state. On mobile, the columns drop down, so the 2nd column is displayed below the first column.

     

    As the state options are only 3 letters, the 2 column format will fit easily on a mobile screen. 

     

    Is there some custom css I can use to prevent a 2 column layout from putting the 2nd column below the first on mobile devices?

  • Profile Image
    jonathan
    Answered on May 16, 2016 at 10:36 PM

    Were you refering to your form https://www.jotform.com/61297917489878 ?

    I test it on mobile browser, but I could not reproduce the problem.

    I also cannot find a dropdown list field on the form. Did you perhaps updated the form and used the Radio buttons instead?

    Please let us know if issue still exist.

     

  • Profile Image
    Jeremy 
    Answered on May 16, 2016 at 10:54 PM

    Looks like the problem fixed itself! Thanks anyway

  • Profile Image
    jonathan
    Answered on May 17, 2016 at 12:10 AM

    You are quite welcome :-)  We are glad to know all is good now.

    Contact us anytime for any assistance you need on JotForm.

    Cheers