Title: Responsive fields
Last modified: June 28, 2018

---

# Responsive fields

 *  [kevinverto](https://wordpress.org/support/users/kevinverto/)
 * (@kevinverto)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/responsive-fields/)
 * Hi
 * I was wondering if it’s possible to create responsive fields in CF7.
 * For example: for the contact form on [https://www.verandalandperfecta.be/contact/](https://www.verandalandperfecta.be/contact/)
   I would like to show fewer fields on mobile devices (only ‘naam’ ‘telefoon’ ’
   email’ and ‘uw bericht).

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

 *  [orero](https://wordpress.org/support/users/orero/)
 * (@orero)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/responsive-fields/#post-10445064)
 * Not sure if it’s the best way to do it, but you can create a class to hide some
   fields.
 * Or use the same class to create two different forms: one for mobile and other
   for bigger screens.
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/responsive-fields/#post-10446673)
 * Some of the better themes provide responsive styling of Contact Form 7 forms.
 * If your theme doesn’t, you can write some custom CSS with [Media Queries](https://www.w3schools.com/css/css_rwd_mediaqueries.asp)
   to do whatever you want.
 * See [Styling Contact Form](https://contactform7.com/styling-contact-form/) – 
   there is a link to an article I wrote at the bottom of that page, which is recommended
   by the CF7 plugin author (though I’m not allowed to link directly to it here),
   that covers this topic in detail.
 * You could also try [Contact Form 7 Skins](https://wordpress.org/plugins/contact-form-7-skins/)(
   which I’m pretty sure I’m allowed to link to) which includes basic responsive
   styling of all CF7 forms.

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

The topic ‘Responsive fields’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

 * 2 replies
 * 3 participants
 * Last reply from: [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * Last activity: [7 years, 10 months ago](https://wordpress.org/support/topic/responsive-fields/#post-10446673)
 * Status: not resolved