How to make iframe responsive?

[BoLatham]

This iframe code (below) was provided from a third party service that my client utilizes for booking, pricing, etc.

CODE (with spaces for viewing support) //

< iframe SRC=“http://djemcees.djintelligence.com/booking” marginwidth=“0” marginheight=“0” scrolling=“yes” width=“100%” Height=“1000” frameborder=“0”>
Booking System< /a>

//

As you can see here, the iframe is working fine – except for on mobile devices. Specifically, I’m testing it on an iphone and it actually works well when held horizontally in “landscape” but cuts off about half of the page when held vertically in “portrait.”

Could I get some assistance in making this iframe fully responsive in Cornerstone?

Link Refernce - Booking Page

[mldarshana]

Hi There,

Thanks for writing in! Could you please try following this resource (https://benmarshall.me/responsive-iframes/) and see if that helps.

Thanks!