Why are the Labels Not Aligned Correctly on Mobile?

  • stellafuentesrealtor1
    Asked on June 7, 2020 at 12:50 AM

    Hello

    The form is not aligned in the mobile version.  It looks good in the computer but not in the cel.


    Thanks

    Jotform Thread 2373060 Screenshot
  • Ariel JotForm Support
    Replied on June 7, 2020 at 2:05 AM

    Greetings,

    Thank you for your message.

    This was cause by the Label Alignment settings found in the field properties.

    15915087892020 06 07 13 40 14 Screenshot 10

    You could either try changing the alignment from the field properties window, or you could overwrite the label right alignment behavior by injecting the following CSS code to your form.

    @media only screen and (max-width: 640px){
        .form-label-right {
            text-align: left !important;
        }
    }

    Please give it a go and let us know if you have further questions.


    Related Guide: How to Inject Custom CSS Codes