Thanks, the css formatting is now correct, however its still having an issue where the created iframe is only 66px high (I’ve purposely made the tags look dodgy so it doesnt try and format them on here
iframe src=“https://app.smoothbook.co/calendar/597ee7bf835d042cbe540896/#/home” class=“sb-iframe” frameborder=“0” scrolling=“no” style=“display: block; width: 100%; overflow: hidden; height: 66px;” id=“iFrameResizer0”>< /iframe
If I force the height to be 650 in document.on ready, it momentarily looks correct before resizing back to 66px (and therefore not possible to read the contents) so it looks like something in https://api.smoothbook.co/lib/calendar-embed.js iframeresizer is causing the issue, perhaps the way its trying to determine the height of the parent div?
The only workaround was for me to settimeout by 5 seconds when applying a height of 650 to iFrameResizer0. Again this is something that has only happened recently.
Edit - actually that doesn’t sort it either, the calendar still doesn’t display properly, see screens below.
This is on Chrome, edge (old edge) works fine