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

    (@takayukister)

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

    Thread Starter Odinkinder

    (@odinkinder)

    Thank you Takayuki,

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

    T.

    Thread Starter Odinkinder

    (@odinkinder)

    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.

    T.

    Evert

    (@evertruisch)

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

    Thread Starter Odinkinder

    (@odinkinder)

    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,

    T.

    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.

    Thanks!

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