Mobile Scrollable booking history in portrait mode

[Osyrus Kimathi]

I noticed that in portrait mode on mobile phones the booking history chart is cut off due to screen width and you can not scroll to see the rest of the details.

[Stephen Harris]

You can achieve this by putting the shortcode within a div element and applying the following CSS rules to that container:

overflow: auto;
overflow-y: hidden;

E.g. in your ‘Text’ tab in the editor:

 <div class="booking-history-container">
 [booking_history]
 </div>

And then in your (child) theme’s stylesheet or otherwise via plugin:

 .booking-history-container {
   overflow: auto;
   overflow-y: hidden;
 }

[Osyrus Kimathi]

Thank you. It worked.

[Author]

Posts