davmerit

Please include a link to your Contact Form 7 form so we can examine your form in detail using Firebug or Chrome Dev Tools to understand the CSS used for your CF7 form elements.

Sorry it’s impractical to look at your problem without a link to your Contact Form 7 form. Consider setting a copy of your CF7 form on an extra page on a website that does have public access. Post link to that page here..

but if anyone has used the tel input, and they drag their screen to mobile size they will see what I mean – the input overlaps the form’s right boundary

They probably won’t unless they are using the same WP theme as you. These issues are highly theme dependent.

After using Firebug to examine your form, here is what I strongly suspect to be the cause of the problem.

CSS CODE:

.wpcf7-form.cf7skins *, .wpcf7-form.cf7skins *::before, .wpcf7-form, .cf7skins *::after {
box-sizing: border-box;
float: left;
}

Did you add the code above to your theme? It can be found in two sections within https://helptherapist.com/dir/wp-content/uploads/themify-customizer.css

When the float is disabled, it brings <p>We are interested in a presentation. Email us at Info@HelpTherapist.com</p> to its right state.

Using float: left; like this is likely to cause problems with following items – particularly if you aren’t 100% sure what you are doing.

Hope that helps you find a solution to your requirements.

For more detailed support you could sign on to CF7 Skins Premium Email Support.

Also you could consider a CF7 Skins add-on CF7 Skins Ready, which has a very simple way of adding form fields in a single line or columns. It does so in a way that doesn’t affect following items.

Thank you, I have seen your screenshot. I think I understand your problem now.

Please supply me with all your form inputs so that I can look into this problem carefully.

Please include a link to your Contact Form 7 form.

Looks like you are looking for Conditional Logic which is not available directly in the Contact Form 7 plugin.

This sort of conditional logic is not available directly in Contact Form 7. It can be done via custom programing but you would need to be rather skilled at WordPress development using PHP and/or jQuery.

Some of the premium Form plugins do offer some Conditional Logic including Gravity Forms and Ninja Forms.

The calculated fields plugin ​​ may also be of help

This is could be due to a JavaScript conflict with either your current WordPress theme or one of the other plugins you are using – see Contact Form 7 Email Issues – there is a link there that covers JavaScript Conflicts.

Problems occurring on only some browsers or devices is relatively common with JavaScript Conflicts.

Please include a link to your Contact Form 7 form. If others here are able to understand your actual problem, they may be able and willing to offer a possible solution.