Jump to content

Custom calendar overlapping with header instead of being in the body of the page

Go to solution Solved by tuanphan,

Recommended Posts

Hi there, 

I have been trying to add the calendar widget from Cal.com to a blank page on my website, which I then plan to fill with other information. When I add in the code, however, the calendar goes onto overlapping with the header. I was wondering how to make it so it appears where it should? And if possible how to make it responsive to different sizes/devices if it is not already?

What if I want to add blocks of text on top or below that? Is it easily doable?

I have no experience with code apart from when I was creating html for fb pages as a teenager more than a decade ago. Whoever can help me with this might have to actually spell it out for me in the simplest terms possible, but I will try my absolute best to do my part as well. 

Thank you!

Screenshot 2023-07-27 at 17.23.09.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

Where did you add the code? To Page Header or Code Block in Page Content? If you added to Page Header, try moving code to Code Block on Page Content

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.