Jump to content

Booqable Availability Calendar Issues in Mobile View

Recommended Posts

  • Replies 7
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 years later...



I have seen this asked before, but have not seen a solution that works. The availability calendar on my site through Booqable is cut off at the top, so that the month can't be seen when accessing it in mobile view. This is not an issue when viewing on a desktop. Is it possible to resize the calendar? The code that was recommended does not seem to work for me. This was the recommended code:

@media screen and (max-width:800px)


      .DayPickerContainer-BJeEl {

      padding-top: 150px !important;



Any suggestions?

Edited by littleluxe
Link to comment
  • littleluxe changed the title to Booqable Availability Calendar Issues in Mobile View
On 4/27/2023 at 1:48 AM, littleluxe said:

Were you able to resolve this issue? I'm having the same problem and the suggested code did not work for me. Thanks!

If you share link to page where you use calendar, we can check it again easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.