How can I align the drop-down boxes in my form in mobile view

  • minemetitiri
    Asked on December 13, 2015 at 3:16 PM

    The drop down boxes are aligned when viewed on the computer screen, but when I try on a mobile phone, all of the drop-down boxes are not aligned. How can I fix this? This is happing for ALL of my drop down options.

     

     

    Jotform Thread 724277 Screenshot
    Page URL: https://form.jotform.com/53224167208148
  • jonathan
    Replied on December 13, 2015 at 6:26 PM

    I was able to see the problem as well when I test the form http://www.jotform.us/form/53224167208148 on mobile browser.

    How can I align the drop down boxes in my form in mobile view Image 1 Screenshot 40

     

    I have fixed this by adding this CSS code on the form

     

    .form-label.form-label-left {

        width : 150px !important;

        

    }

     

    How can I align the drop down boxes in my form in mobile view Image 2 Screenshot 51

     

    when I test the form again, I see it like this now

    How can I align the drop down boxes in my form in mobile view Image 3 Screenshot 62

     

    Pleae check also on your end. Let us know if still not resolve.

    Thanks.

  • minemetitiri
    Replied on December 14, 2015 at 8:32 AM

    Thanks so much! Its perfect and is working great!