Calendar layout issue

Goodmorning!
I have sone issue on the layout of the calendar in the smartphone view (please see the image), one day column is out of the screen: hot to fix it?
Last question: how to put a custom color on the header blue label without gradient?
thanks!
Alessandro
 

Hi Alessandro,
1. Could you please send me the link to your Booking form here, i will check and let you know the Custom CSS code to make the calendar to be fit the small screen devices
2. To remove gradient style on the buttons in the calendar. You can follow below steps
- Open Configuration page -> Tab: Custom CSS
- Find configure option: "Calendar Normal Style" and select option "Custom CSS Class", you can add your own custom css class or leave it empty.
- Save configuration page and check the frontend layout again

Good luck,
Dam

Here it is:
www.dailybooking.it/index.php/it/compone...cesbooking/?Itemid=0

Could you give me an example of custom css for the blue header please?

Hi Alessandro,
You can open Configuration page -> Tab: Custom CSS and add
.buttonpadding10
{
padding:10px 4px !important;
}

and check the layout of calendar on mobile?
With other problems, you can submit ticket on category OS Services Booking and provide your site credentials. I will check and help you to solve them
Thanks
Dam

Added custom css padding but nothing changed…

I’ll open a ticket!
Thanks a lot!