Skip to main content

Hi everyone new here,

I’ve been using Calendly for a while now to manage my appointments, and it’s been a lifesaver! However, I recently ran into an issue while integrating it with my website, https://kopfoderzahl.org/.

Here’s what’s happening:

Whenever I embed the Calendly scheduler on my website using the inline embed code, the widget doesn’t display properly on mobile devices. It shows up fine on desktop, but on mobile, it either loads partially or overlaps with other elements on the page, making it hard for users to book appointments.

I’ve tried adjusting the iframe height and width in the embed code and even added some responsive CSS rules, but the problem persists. My site uses WordPress, and I’m using the Kadence theme, which is supposed to be mobile-friendly.

Has anyone else faced this issue, or does anyone have suggestions on how to resolve it? I want to ensure a smooth booking experience for visitors coming from both desktop and mobile devices.

Hi,

Could you check your embed code for any typos or incorrect characters….it’s easy to overlook something small that might be causing trouble.

Another thing to consider is whether other JavaScript functions are interfering with how the Calendly widget loads.

You can take a look at your console logs….sometimes there’s a hint there about what's going wrong…..especially if the issue relates to window.onload function triggering.

Cheers,
Harsh

Reply


Need Help? Visit 'Get Help. Give Help.'
Terms & ConditionsCookie Settings