Change the price display in the calendar on mobile phone

[adil]

Hi,
Is there a way to insert the custom price inside span tag so that we can reduce the font size to make it readable on mobile ?

[andrii]

Hi,

Please try this CSS snippet:

@media only screen and (max-width: 48em) {
.fc .fc-daygrid-day-number { 
  font-size: 10px 
}
}

Please note that it can require further customization.
If customizations are required for your site, please try customizing it using the collection of code snippets Search · user:hivepress · GitHub and other developer resources, or consider hiring someone for custom work https://fvrr.co/32e7LvY

[adil]

This will actually resize the whole content inside the div.
The purpose of my request is to style the day number and the custom price separately, it will be more user friendly.

[andrii]

Hi,

Unfortunately, there’s no such feature, it would require a custom implementation (changing file plugins/hivepress-bookings/assets/common.js).

If customizations are required for your site, please try customizing it using the collection of code snippets Search · user:hivepress · GitHub and other developer resources, or consider hiring someone for custom work https://fvrr.co/32e7LvY