[ad_1]
I encountered an issue with Bookly and using the Woocommerce Bookings plugin as well, where the datepicker function (from Woocommerce Bookings) in a product will not display correctly, and also has the z-index set quite high so it will sit over the top of elements such as a sticky header.
The offending bit of CSS was setting “position:absolute;” for the “.picker” style, set in the following Bookly stylesheet:
/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/css/picker.classic.css?ver=21.0.1
I was able to fix it by adding the following CSS to my stylesheet:
.single-product div.product .wc-bookings-booking-form .picker { position: relative !important; z-index: 11 !important; }
It should maybe get changed so that you’re not overriding any instance of the “.picker” style that loads on a website as other plugins seem to use it also.