Title: Turn Contact Form responsive
Last modified: September 29, 2017

---

# Turn Contact Form responsive

 *  Resolved [itmonitor](https://wordpress.org/support/users/itmonitor/)
 * (@itmonitor)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/turn-from-responsive/)
 * Hello! 🙂 I need a final tweak in the settings, could not find how to do it. 
   How to turn the form responsive, that is, if the form is seen in a PC, it will
   have 400px width. If it is displayed in a smartphone in landscape or portrait
   mode it should display fully without cutting out the form.
    -  This topic was modified 8 years, 8 months ago by [itmonitor](https://wordpress.org/support/users/itmonitor/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fturn-from-responsive%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [Lehel Szilard Marosi](https://wordpress.org/support/users/mlehelsz/)
 * (@mlehelsz)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/turn-from-responsive/#post-9543454)
 * Hey,
 * First of all, thank you for supporting our work with a donation, we really appreciate
   your action.
 * As for the solution, we are still working on a new feature which will cover most
   of the devices, but for now, to achieve your goal, you need to add the following
   snippet to the rest of your code:
 *     ```
       @media (max-width: 767px) {
           .wpcf7-form.cf7-style {
               width: 100%!important;
           }
       }
       ```
   
 * This will stretch your form to the margins of your page.
 *  Thread Starter [itmonitor](https://wordpress.org/support/users/itmonitor/)
 * (@itmonitor)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/turn-from-responsive/#post-9543764)
 * Mlehelsz, it is me who thank you for your work. You have a plugin that is great:
   it works well, it is easy to configure and support is quick. 🙂
 * The code you posted resolved the responsive issue without any hitch.
 * You have a client here.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Turn Contact Form responsive’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/contact-form-7-style_9bc6f3.svg)
 * [Contact Form 7 Style](https://wordpress.org/plugins/contact-form-7-style/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7-style/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7-style/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7-style/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7-style/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7-style/reviews/)

## Tags

 * [settings](https://wordpress.org/support/topic-tag/settings/)

 * 2 replies
 * 2 participants
 * Last reply from: [itmonitor](https://wordpress.org/support/users/itmonitor/)
 * Last activity: [8 years, 8 months ago](https://wordpress.org/support/topic/turn-from-responsive/#post-9543764)
 * Status: resolved