Why are the Labels Not Aligned Correctly on Mobile?

  • Profile Image
    stellafuentesrealtor1
    Asked on June 07, 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

    Screenshot
  • Profile Image
    Ariel_P
    Answered on June 07, 2020 at 02: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.jpg

    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