Tagged: CONTACT FORM, field, mobile problem
hello support, on my site https://medicinalavoro.medmaiora.it/ the contact form at the bottom of the page on some browsers especially android is cut as in the photo I attach I have set all the elements with width 1/1 can you help me understand where I’m wrong?
https://medicinalavoro.medmaiora.it/wp-content/uploads/2025/04/campi-modulo-tagliati.png
Hey Gianluca,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 391px) {
.responsive .avia_ajax_form .form_element {
margin-right: -90px;
}
}
@media only screen and (max-width: 320px) {
.av-recaptcha-area * {
max-width: 252px !important;
}
}
@media only screen and (min-width: 392x) and (max-width: 479px) {
.responsive .avia_ajax_form .form_element {
margin-right: -15px;
}
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Best regards,
Mike