Make CF7 responsive on mobile devices

hello, I can see your entire form is wrapped up in a <table>.
now thats not a bad idea, but it can be challenging to set good break-points. what you want to do is try something like this

<form id=”contact_form” action=”#” method=”POST” enctype=”multipart/form-data”>
<div class=”row”>
<label for=”name”>Your name:</label>
<input id=”name” class=”input” name=”name” type=”text” value=”” size=”30″ />
</div>
<div class=”row”>
<label for=”email”>Your email:</label>
<input id=”email” class=”input” name=”email” type=”text” value=”” size=”30″ />
</div>
<div class=”row”>
<label for=”message”>Your message:</label>
<textarea id=”message” class=”input” name=”message” rows=”7″ cols=”30″></textarea>
</div>
<input id=”submit_button” type=”submit” value=”Send email” />
</form>

Thanks, i removed the second row. Thats not so nice on the desktop, but it does the trick on mobile.

Thanks

Happy you got it ??