Months now showing correctly

Hello.

Such issue exist because you defined your booking form as centered form at the WP Booking Calendar > Settings General page in “Form Options” section.

You need to make this small CSS fix to show the calendar in 3×2 months.

Please add this CSS to your Theme Editor settings.

You can check how to add own CSS customization to CSS Theme Editor here: https://wpbookingcalendar.com/faq/how-edit-file-in-wp-menu/

Here’s the code you need to add:

.wpbc_booking_form_simple.wpbc_form_center .wpbc__form__div .wpbc_r_calendar.wpbc__row {
max-width: 100%;
}
.wp-block-booking-booking {
flex: 100%;
}

Please do not forget to clear the browser cache before testing these changes.

Kind Regards.

Thank you so much for coming back to me so quickly. I am unable to add CSS customisation (I have Elementor pro but it says I need to upgrade to add css customisation) – is there a way around that? Thank you in advance.

Hello.

You can add it in the settings of your theme (and not in the Elementor).
For standard Classic Themes, it is usually located in the “Appearance > Theme Editor” section.
However, in the new WordPress Block themes, it can be found in “Appearance > Editor > Styles”.

Kind Regards.

Many thanks for coming back to me however I am not getting anywhere. I can’t add screenshots to show you what is happening.

Hello.

You can add that CSS to the style.css file of your theme (to the bottom of that file). If you can edit the style of your actual theme.
Otherwise you can send screenshot of your issue to our support email, which you can find at the plugin website here https://wpbookingcalendar.com/contact/

Kind Regards.