I’m using an iFrame custom code on my site and for some reason the responsive feature doesn’t auto size the height to fit the content. Instead it brings up scroll bars, but doesn’t scroll on mobile. I’d like it to auto fit the content on any device without needing to scroll. Can’t figure it out. Any ideas
Hi, thanks for the reply. What type of “preview” link would you like to see? Is there something different other than a link to the page in question?
Also just noticed that even on the desktop view if you click the words “Location” in my iFrame the content doesn’t fit and the scroll bars come up. So no version of the responsive iFrame auto-sizes to fit the content. Hope what I’m saying makes sense. Here’s the link again http://vimola.webflow.io/#Reservations
I would honestly put your iFrame in a div with the height of that div to 100vh, and width to 100vw.
Then in your iframe, set the height=“100%” width=“100%”. That will put it at 100% of the View Height/View Width.
With it being an iframe that’s my recommendation of how to add it in.
Hi @Waldo_Broodryk , I really appreciate you taking the time to give me ideas. I still can’t get this to work. I’m certain it’s user error. Can you give me an example of what the code would look like?
All you do is add a section, then give it a class of with 100vh, 100vw. Then embed the iframe as I have shown. (literally can copy and paste that out of the embedded piece.