Pb with the integration of Calendly on Mobile

[antoine_generau]

Hello,

I’ve integrated a schedule module from Calendly on this page of my website. It works fine on desktop, but I have some problems on mobile.

Here is how it should look like (screenshot taken from Cornerstone Builder):

However:

1. the part marked in red is missing
2. there is slighly scroll effect on it.
3. the border of the calendar is missing

How can I fix those problems? The Calendly module is integrated with a raw element:

<!-- Début de widget en ligne Calendly -->
<div class="calendly-inline-widget" data-url="https://calendly.com/lecoqdigital/30min" style="min-width:320px;height:880px;"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js"></script>
<!-- Fin de widget en ligne Calendly -->

Thanks,
Antoine

[jade]

Hi Antoine,

I have just tried embedding the code in a normal wordpress page outside Cornerstone and the same thing happens.

I did some further checking and the issue seems to be caused by the iframe itself you might need to double check from the iframe source about the styling of the embedded content.

Hope this helps.