Contact Form 7 Text fields, Email and Phone number not wokring

I have made some changes to the viewport and stylesheet. Do I again need to specify the font properties in css to all of the view port?

I had the same issue with some text fields not working on tablet anf figured out it was due to the following styles.

span.wpcf7-form-control-wrap {
	position: relative;
}

I just add to my styles the following and it seemed to fix the issue.

span.wpcf7-form-control-wrap {
	position: inherit !important;
}

Hope this helps

I took another look at my code while trying to patch in yours to the css. The problem was still there. But now the text input field was atleast taking text in the boxes.

Finally I figured out that padding was too high for the ipad to show under the text field. Since I manually changed the text settings for different viewports, I had to set all of them again to be visible under each of the view port.

Thanks. Your solution helped.

Contact Form 7 form is largely affected by the style assigned to the form elements of your theme.

This may affect the look and behaviour of your Contact Form 7 form. The right way of making changes to this is using CSS inheritance.

See CSS specificity things you should know