simplyadammann Posted October 29, 2014 Share Posted October 29, 2014 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
Guest Posted October 29, 2014 Share Posted October 29, 2014 Have you tried setting the position to absolute? Link to comment
simplyadammann Posted October 29, 2014 Author Share Posted October 29, 2014 I did, no luck. Link to comment
yoyi Posted June 4, 2015 Share Posted June 4, 2015 Check out this article, should get you most of the way there with pure CSS. http://www.smashingmagazine.com/2014/02/27/making-embedded-content-work-in-responsive-design/ Link to comment
ChrisK Posted June 5, 2015 Share Posted June 5, 2015 @yoyi, this is awesome! Thanks for posting this; I had searched everywhere for such a solution to no avail. Link to comment
Paigebjarreau Posted July 9, 2016 Share Posted July 9, 2016 I tried entering the code given on that site into my Squarespace "custom css" tab under "design" and it isn't working. Have you tried yet? Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.