WordPress.org

Forums

Contact Form 7
[resolved] How to make contact form 7 responsive? (6 posts)

  1. PsYcHo jEsTeR
    Member
    Posted 1 year ago #

    How to make contact form 7 responsive? the text field box overlaps when i used mobile responsive gadgets such as ipad iphone or anyways of not overlapping the text field box etc please help thanks

    http://wordpress.org/extend/plugins/contact-form-7/

  2. Frank
    Member
    Posted 1 year ago #

    style.css:
    div.wpcf7 .wpcf7-form-control { max-width: 100%; }

    Cheers

  3. PsYcHo jEsTeR
    Member
    Posted 1 year ago #

    thanks frank, it works like a charm :)

    Cheers

  4. vegastriguy
    Member
    Posted 11 months ago #

    I copied that code exactly and I do not think it is working...or was I supposed to do '#wpcf7 .wpcf7-form-control { max-width: 100%; }'

  5. IanEricson
    Member
    Posted 10 months ago #

    This is an old thread, but does anyone care to be more specific on what to do with that code? I can edit the child theme. I added that line to the child theme style.css file and nothing happened. I added it as the last line by its self. I tried both Frank's code and vegastriguy's. Using WordPress of course.

  6. buzztone
    Member
    Posted 10 months ago #

    @IanEricson As per the Forum Welcome, please http://wordpress.org/support/plugin/contact-form-7#postform.

    Posting in an existing topic prevents being able to track issues by topic. Added to which, your problem - despite any similarity in symptoms - is likely to be completely different.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.