I’ve changed booking systems, and am trying to embed the booking widget onto my website, however the widget isn’t being responsive to the content. It is staying within a small container size, and adding a scroll bar for when the content gets longer.
I don’t want my customer to have to scroll within the widget. I just want the widget to expand for the content.
Making the height 100% or auto is not working.
I have previously done this, however cannot remember or find the right coding to do this.
Embed code:
Live Page: https://honeyfawn.com.au/pages/book-an-appointment
@anitabanita11
I have reviewed you request and found that you need to take out the widget from a
tag called “video-wrapper”. like below
This
<iframe src="https://app.acuityscheduling.com/schedule.php?owner=32172348&ref=embedded_csp" title="Schedule Appointment" width="100%" height="1000" frameborder="0" style="height: 3543px !important; max-height: none; overflow: hidden;"></iframe>
To This
<iframe src="https://app.acuityscheduling.com/schedule.php?owner=32172348&ref=embedded_csp" title="Schedule Appointment" width="100%" height="1000" frameborder="0" style="height: 3543px !important; max-height: none; overflow: hidden;"></iframe>
and your issue will be resolve 
Thanks
Unfortunately that didn’t work….
1 Like
I have tested it’s worked do you want me to check it for you?
I think it might be the theme, as it is working in the Shopify page editor, but isn’t right when actually looking on the live page.
