Jump to content

How can I make an iframe responsively scale?

Recommended Posts

I am trying to embed an iframe, but cannot get it to scale responsively. It works great on desktop. On mobile, it gets cut off. I tried setting the width to 100% as mentioned in another thread. Any suggestions?

The webpage to view on mobile is: http://simplyadammann.com/curated-kitchen

Current code is:

<iframe width="456" height="940" src="//invis.io/8Y1KW4RMR" frameborder="0" allowfullscreen></iframe>

Link to comment
  • Replies 5
  • Views 31.4k
  • Created
  • Last Reply
  • 7 months later...
  • 1 year later...


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.