Why are my field so much wider when I view form on a phone in portrait?

  • Profile Image
    bellneu
    Asked on June 04, 2020 at 10:41 AM

    Please see attached screen shot. My fields are super wide when i look at the form on a phone in portrait mode vs landscape, iPad and desktop. Is this a bug? 

  • Profile Image
    bellneu
    Answered on June 04, 2020 at 10:43 AM

    Same form phone in landscape mode...

    1591281775Screen Shot 2020-06-04 at 9.37


  • Profile Image
    Kiran
    Answered on June 04, 2020 at 12:02 PM

    Since the forms are mobile responsive by default, the width of the fields shall be automatically adjusted based on the screen size. Please try adding the following CSS code to the form to display the fields at the same width in the portrait mode as well.

    @media screen and (min-width: 10px) and (max-width: 540px){

        .form-textbox {

          width: 60px !important;

        }

    }

    Thanks!