Support » Plugin: Contact Form 7 » Making Contact Form 7 Responsive

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Takayuki Miyoshi


    Edit the CSS in your theme to add a style of 100% width for textarea.

    Thank you Takayuki,

    I will see if I can get that to work, and let you know.


    Yes, that did work. Thank you Takayuki.

    Here is the code I used.

    textarea {
    	width: 90%;

    I did not use 100%, it came too close to the edge of the IPhone simulator I was using. At 90%, the text area matches the size of the forms above it.




    Can you specify which file you have modified and about where? I was looking for the same solution.

    Sure Evert,

    The change is to your theme’s style .css file, just slip the code in at the bottom and save the file. Find the last code closing tag } add at least one key return, and put the code on that line. I would make a copy of your original CSS file before doing the change just incase you break something. LOL!

    In my case, I am working with a child theme, so I put the code in the child theme’s style.css file, if you are using a child theme, do the same.

    Just test drive all of your changes before calling it a day when you are done.

    Good luck,


    I tried your advice.
    However on IOS the contact form 7 acts pretty strange.
    If you have an Iphone please try this link:

    Is it possible to make it more “smooth” and responsive?
    I use ifeaturepro 5 by the way.


Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Making Contact Form 7 Responsive’ is closed to new replies.