Title: Responsive forms ?
Last modified: July 3, 2018
---
# Responsive forms ?
* Resolved [Palijn](https://wordpress.org/support/users/palijn/)
* (@palijn)
* [7 years, 10 months ago](https://wordpress.org/support/topic/responsive-forms/)
* Hello,
The booking form looks are…well… inelegant, to say the least (see the
above page to get an idea) I’m looking for a fast way to benefit from responsive
forms. I’m not good enough at CSS to figure out how to tweak it myself. So two
questions : a) if anyone would like to share a quick tip on making the forms
usable, I’d love to 🙂 b) question to the maintainer : would buying Pro bring
me responsive forms ?
* Thanks a lot for your support!
* The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fresponsive-forms%2F%3Foutput_format%3Dmd&locale=en_US)
to see the link]_
Viewing 6 replies - 1 through 6 (of 6 total)
* [Tim Vergara](https://wordpress.org/support/users/tim01/)
* (@tim01)
* [7 years, 10 months ago](https://wordpress.org/support/topic/responsive-forms/#post-10459575)
* Hello,
* By default the EM forms are responsive. The reason why it’s not responding is
probably because your theme is overriding it. However those can be tweaked with
CSS.
* Here is some CSS that might help you. You can put it on your themes css of a
place that accepts custom css.
* ```
#em-booking div.em-booking-login {
clear: both;
float: none;
margin: 0;
border-left: 0;
}
form.em-booking-form .em-booking-form-details {
float: none;
display: block;
width: 100%;
}
```
* Thread Starter [Palijn](https://wordpress.org/support/users/palijn/)
* (@palijn)
* [7 years, 10 months ago](https://wordpress.org/support/topic/responsive-forms/#post-10459924)
* Thank you timrv, much better now !
There are still a few things unbalanced (
such as the recaptcha eating up space on the login button), I’ll try to adapt
things myself… but of course if you would like to suggest code you’ll happily
be welcome ! 🙂 Cheers,
* Thread Starter [Palijn](https://wordpress.org/support/users/palijn/)
* (@palijn)
* [7 years, 10 months ago](https://wordpress.org/support/topic/responsive-forms/#post-10459997)
* Me again 🙂
May I suggest a small usability change to the login form, “remember
me” input ?
* Currently :
* ```
```
* Issue (aside from a headache-inducing alignment complexity) : user has to click
the checkbox ONLY to check/uncheck .
* Proposed :
* ```
```
* i.e _put the checkbox inside the label_
Usability improvement : user can click
anywhere in the text and in the checkbox to check/uncheck .
* Thanks for your feedback 🙂
* P.S: Funny enough, when inserting the GDPR-compliant consent form, it’s the proposed
way that is used, and the looks are wonderful ! 🙂
- This reply was modified 7 years, 10 months ago by [Palijn](https://wordpress.org/support/users/palijn/).
Reason: (formatting)
- This reply was modified 7 years, 10 months ago by [Palijn](https://wordpress.org/support/users/palijn/).
Reason: Adding note relative to the other label on the page when inserting
GDPR-compliant consent form
* Thread Starter [Palijn](https://wordpress.org/support/users/palijn/)
* (@palijn)
* [7 years, 10 months ago](https://wordpress.org/support/topic/responsive-forms/#post-10460037)
* For the record, in a pure “style with a hammer” fashion, I ended up with the
following CSS additions :
* ```
div.em-booking-login label,div.em-booking-login input ,.em-booking-form label,
.em-booking-form-details input.input, .em-booking-form-details textarea,
.em-booking-form-details .em-booking-submit, .em-ticket-select {
width:100%;
}
.em-booking-form label {
margin: 0.75em 2% 0.25em 0;
}
.anr_captcha_field {
padding: 0.75em;
clear: both;
}
```
* in addition to your unchanged :
* ```
#em-booking div.em-booking-login {
clear: both;
float: none;
margin: 0;
border-left: 0;
}
form.em-booking-form .em-booking-form-details {
float: none;
display: block;
width: 100%;
}
```
* [Tim Vergara](https://wordpress.org/support/users/tim01/)
* (@tim01)
* [7 years, 10 months ago](https://wordpress.org/support/topic/responsive-forms/#post-10462085)
* You’re Welcome. I tried checking the page again and seems like you have fixed
it 🙂
* Thread Starter [Palijn](https://wordpress.org/support/users/palijn/)
* (@palijn)
* [7 years, 10 months ago](https://wordpress.org/support/topic/responsive-forms/#post-10462262)
* I’d still be eager to benefit from the small change I suggested in the label/
checkbox order for the “remember me” line. 🙂
Other than that, thanks again !
Viewing 6 replies - 1 through 6 (of 6 total)
The topic ‘Responsive forms ?’ is closed to new replies.
* 
* [Events Manager - Calendar, Bookings, Tickets, and more!](https://wordpress.org/plugins/events-manager/)
* [Frequently Asked Questions](https://wordpress.org/plugins/events-manager/#faq)
* [Support Threads](https://wordpress.org/support/plugin/events-manager/)
* [Active Topics](https://wordpress.org/support/plugin/events-manager/active/)
* [Unresolved Topics](https://wordpress.org/support/plugin/events-manager/unresolved/)
* [Reviews](https://wordpress.org/support/plugin/events-manager/reviews/)
* 6 replies
* 2 participants
* Last reply from: [Palijn](https://wordpress.org/support/users/palijn/)
* Last activity: [7 years, 10 months ago](https://wordpress.org/support/topic/responsive-forms/#post-10462262)
* Status: resolved