Are you happy editing or adding some css?
If you add these lines, they should do the trick – targeting the different form fields, setting max-width so that they don’t overflow their container, and setting box-sizing so that their padding and borders sit inside that constraint aswell.
input[type="text"],
input[type="email"],
input.text,
input.title,
textarea,
select{
max-width: 100%;
box-sizing: border-box;
}
that worked like a charm! thanks so much!
Tried to put the same fix in on my sister’s site.
No dice.
katiebaresphotography.com
Hi Megan,
You can try:
.wpcf7 input, .wpcf7 textarea {
max-width: 100%;
}
That should help with the form for mobiles
