This is your theme’s CSS stylesheet issue. Try switching to the default theme, then you’ll find the form responsive.
Tim
(@bloxblox)
What just worked for me, our of the dozen or so suggestions from this thread:https://wordpress.org/support/topic/how-to-edit-size-and-width-of-the-form-fields/
Is this:
Add id or class when editing the fields in the contact form. Eg:
<label> Name* (required)
[text* your-name class:form-field] </label>
THEN style that in css. Eg:
.form-field {
width: 90% !important;
}
THEN (and this part make a difference)
Ctrl+F5 (eg refresh browser cache.
The change didn’t take effect until then for me.
Tim
(@bloxblox)
Mate – it’s nowhere near that easy.
More documentation around this please – and less hard coding of sizes that you don’t mention anywhere.
You have a page
Please see this thread for how hard this has been for people:
https://wordpress.org/support/topic/how-to-edit-size-and-width-of-the-form-fields/
You have a page here: https://contactform7.com/styling-contact-form/
BUT it does not mention any of the issues identified in the above thread.
I would have used this plugin: https://en-au.wordpress.org/plugins/contact-form-7-style/
BUT it breaks the Google Analytics event tracking mentioned here: https://contactform7.com/tracking-form-submissions-with-google-analytics/
I want to like this plugin. It’s robust. Apologies if I’m being curt. But I just spent 4 hours going around in circles because of the above advice.