I can’t share a link to the page as it is a members only booking system. But I have attached an image.
It reformats to accommodate mobile devices (Android & iPad) and as I said, on an iPhone it formats correctly then, as it loads data, crashes the page.
The code is really simple:
.iframe-container { overflow: hidden; position: relative; } .iframe-container iframe { top: 0; border:1px solid #ccc; width: 80%; height: 900px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom:20px; margin-top:20px; } <div class="iframe-container" align="center">
<iframe src="https://xxxxx.glideapp.io/"></iframe>
</div>
The Glide App is also simple in that it doesn’t contain images or video.