formular fields too long on mobile

Hey rixi,

Thank you for the inquiry.

Are you referring to the tablet view of the contact form fields? Please add the following code in Enfold > General Styling > Quick CSS field.

@media only screen and (max-width: 1024px) {
  /* Add your Mobile Styles here */
  .responsive .avia_ajax_form .form_element {
    width: 100%;
    clear: both;
    margin-right: 0;
    margin-left: 0;
    float: none;
  }
}

Another option is to make the columns stack to full width on tablet view.

Best regards,
Ismael

Hi,

Thank you for the info.

The contact form seems to be resizing correctly on our end. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages, or Dropbox.

Best regards,
Ismael

Hi,

Thank you for the update.

Please try to add this css code to adjust the width of the form fields on smaller screens.

@media only screen and (max-width: 479px) {
    .responsive .avia_ajax_form .form_element {
        width: 90%;
    }
}

Best regards,
Ismael

Hi,

Glad we could be of help! Please don’t hesitate to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael