There is a little bug in the contact form 7 code which I have fixed using the WordPress plugin editor as follows:
1. From the WordPress menu on the left, click Plugins>Plugin Editor
2. From the “Select plugin to edit” dropdown, Select “Contact Form 7” and click “Select”
3. Click “includes” then “js” then “index.js”
4. Use ‘cntrl + f’ to search for the first instance of “wpcf7-form-control”
5. Change the following code:
r=n.querySelector(".wpcf7-form-control");
to:
r=n.parentElement.querySelector(".wpcf7-form-control-wrap");
6. Click ‘Update File’
You’ll probably need to close down your browser/force a refresh for the changes to accept the changes the javascript file.
