Tweak to make mobile responsive?

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