Having trouble with your Calendly embed? Find quick fixes for loading issues, scroll problems, mobile layout, and more.
My page won’t scroll or images don’t load after I add the embed code
In some cases, the Calendly embed can conflict with your site’s layout. To fix this, try adding the following to your CSS:
body { overflow: unset !important; }
Using Squarespace?
If that doesn’t help, also try this:
.site-wrapper { height: auto; }
This helps adjust the page height since the Calendly widget uses 100% height and may override your site’s default styles.
The embed code isn’t working on Squarespace
Seeing “Script Disabled”?
This is normal in Squarespace’s editor view. Check your live site to confirm the embed is working.
Embed not loading?
Use our Squarespace-specific embed guide to prevent loading issues.
How do I remove the scrollbar in the embed?
Check out this guide: Remove the embed scroll.
Tip: Use “Inspect” in your browser to test different embed heights.
Embed not displaying with ad blockers
Some ad blockers may block Calendly embeds. You can:
- Show a message like: “Please turn off your ad blocker to view this calendar.”
- Add a button that opens your scheduling page in a new tab.
Inline embed dropdown isn’t working well on mobile
Dropdown options may appear below the screen if the embed height is too tall.
Fixes:
- Use a shorter embed height.
- Replace dropdowns with radio buttons (if you have a short list).
- Try a pop-up embed for better mobile display.
Embed layout looks different (side-by-side vs stacked)
The layout changes based on the width of your embed container.
- Increase width for side-by-side layout
- Reduce width for stacked layout
See full embed layout breakpoints.
Inline embed looks off-center on mobile
Your container may be too narrow. The embed needs at least 320px width to display correctly.
Solution: Remove extra spacing or padding around the embed on mobile.
Using HubSpot or Marketo and embed shows at bottom of page?
Make sure this line is in your code:
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
Without it, the embed may appear at the end of the page instead of in a pop-up.
Embed not working after changing your Calendly link?
You may see a “calendly.com refused to connect” error if your embed code still uses your old Calendly link.
Regenerate your embed code from your Calendly account or use browser tools (⌥⌘I) to check and update your link.