Title: Booking for not responsive
Last modified: November 30, 2018

---

# Booking for not responsive

 *  Resolved [tindawala](https://wordpress.org/support/users/tindawala/)
 * (@tindawala)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/booking-for-not-responsive/)
 * Why isn’t the booking page responsive? Is there a shortcode for the booking? 
   so i can embed it in the theme page?
    Also, can we display booked vs available
   spots?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbooking-for-not-responsive%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Stonehenge Creations](https://wordpress.org/support/users/duisterdenhaag/)
 * (@duisterdenhaag)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/booking-for-not-responsive/#post-10932480)
 * Available placeholders can be found here:
    [https://wp-events-plugin.com/documentation/placeholders/](https://wp-events-plugin.com/documentation/placeholders/)(
   Page is also in the help section of the plugin.)
 * To make the booking form responsive you need to style it in your own css stylesheet,
   so it suits your theme and design. 🙂
 * Here’s a starter:
 *     ```
       function my_em_event_booking_form_responsive_css(){
           ?>
           <style type="text/css">
               div.em-booking-form-details { float: none; width:auto; }
               div.em-booking-form-details p label { float:none; width:auto; display:block; }
               div.em-booking-form-details input[type="text"], div.em-booking-form-details select, div.em-booking-form-details textarea { width:99%; padding:1%; }
               div.em-booking-login { float:none; margin:0px !important; border:0px !important; }
               div.em-booking div.em-booking-login { display:none; }
           </style>
           <?php
       }
       add_action('wp_head', 'my_em_event_booking_form_responsive_css');
       ```
   
 * It’s not a good idea to embed it in the template file, because then you lose 
   all conditions that EM automatically attaches to the booking form, like booking
   end date etc.
 * Much better to use the Formatting section in the settings.
 *  [jcsauer2](https://wordpress.org/support/users/jcsauer2/)
 * (@jcsauer2)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/booking-for-not-responsive/#post-11070169)
 * Hi [@duisterdenhaag](https://wordpress.org/support/users/duisterdenhaag/),
 * Thanks for your response to OP’s question. I’m still a bit new to WP. Would you
   mind elaborating where exactly I should be entering your code chunk?
 * Best,
 * J
 *  [Stonehenge Creations](https://wordpress.org/support/users/duisterdenhaag/)
 * (@duisterdenhaag)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/booking-for-not-responsive/#post-11070361)
 * You can add it at the bottom of your functions.php.
 *  [jcsauer2](https://wordpress.org/support/users/jcsauer2/)
 * (@jcsauer2)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/booking-for-not-responsive/#post-11070450)
 * Hi Patrick,
 * Got it, thanks!
 * Best,
 * J

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

The topic ‘Booking for not responsive’ is closed to new replies.

 * ![](https://ps.w.org/events-manager/assets/icon-256x256.png?rev=3550347)
 * [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/)

 * 4 replies
 * 3 participants
 * Last reply from: [jcsauer2](https://wordpress.org/support/users/jcsauer2/)
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/booking-for-not-responsive/#post-11070450)
 * Status: resolved