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

  • Profile Image
    Asked on December 13, 2015 at 03: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.



  • Profile Image
    Answered on December 13, 2015 at 06:26 PM

    I was able to see the problem as well when I test the form on mobile browser.


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


    .form-label.form-label-left {

        width : 150px !important;





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


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


  • Profile Image
    Answered on December 14, 2015 at 08:32 AM

    Thanks so much! Its perfect and is working great!