davmerit

Suggest you run a JavaScript trace in Firebug to see where the JavaScript stops responding – see firebug logging

You may flag your post as [resolved]

I have examined your form at the link provided.

Here is the code that I see

ERROR CODE:

@media (max-width: 25rem){
   button, input[type="button"], input[type="reset"], input[type="submit"] {
    display: none;
   }
}

COREECTION CODE:

@media (max-width: 25rem){
 .wpcf7-form .wpcf7-submit {
    display: block;
  }
}

Use Chrome Dev Tools to examine the HTML and CSS of your CF7 using the mobile view option. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.

The actual look of CF7 forms on your website will depend largely on the current WordPress theme used and the CSS styling that theme applies to standard HTML form elements.

To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.

Use Chrome Dev Tools to examine the HTML and CSS of your CF7 using the mobile view option. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.​​

You will have to use CSS media queries to make the appropriate changes to iphone screen size of your choice. ​​

@media screen and (min-width: 480px) {
   //target the screen width of your choice​
   wpcf7-form .wpcf7-textarea {
    background: #000;
   }
}​​

​​Add your CSS via Child Theme or use custom CSS plugin.

See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

The actual look of CF7 forms on your website will depend largely on the current WordPress theme used and the CSS styling that theme applies to standard HTML form elements.

To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.

See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

Only the wrapper elements around the iframe can be styled and customized via CSS. Contact form 7 makes this easier to do by providing you with the ability to add a class and/or id attribute to the relevant CF7 tag – see http://contactform7.com/recaptcha/.

.rc-anchor-dark may not be customizable via CSS see http://stackoverflow.com/questions/27713505/recaptcha-api-v2-styling.

If you need to change the value of the send button to “Tell Me More!”, just do it as follows

[submit "Tell Me More!"]​​

See Submit Button