How to Display the Booking Form in Two Columns

Two-Column Layout: Calendar Next to Form
If you want to display the calendar next to the booking form, with the calendar on the left and the booking form fields on the right, follow these steps:

  1. Go to WP Booking Calendar > Settings > Booking Form page.
  2. Select the "Calendar next to form" template from the top toolbar.
  3. Click the Reset button.
  4. Click the Save Changes button.

WP Booking Calendar - configure calendar next  to  booking form  fields.
After completing these steps, you will see the calendar next to the booking form fields on the front-end of your site.
WP Booking Calendar - Two-Column Layout: Calendar Next to Form

Two-Column Layout for Booking Form Fields
If you want to display the calendar at the top and show the booking form in two columns, follow these steps:

  1. Go to WP Booking Calendar > Settings > Booking Form page.
  2. Select the "2 columns" template from the top toolbar.
  3. Click the Reset button
  4. Click the Save Changes button.

WP Booking Calendar - Configure Two-Column Layout for Booking Form Fields
After completing these steps, you will see the calendar at the top and the booking form fields in two columns on the front-end of your site.
WP Booking Calendar - Show Two-Column Layout for Booking Form Fields