I'm trying to embed a Framer prototype on a Squarespace website using an iFrame:
<iframe src="http://share.framerjs.com/478kta5wx0wn/" width="100%" height="600px" scrolling="no" style="border:none;" ></iframe>
It works fine on desktop, but when the page is viewed in Safari on an iPhone, there's no image of a phone around the prototype and the you can only see the top left corner of the prototype.
Any ideas how to get this to work?
I think that resources.framerjs.com, where the device images are hosted, might be set to only serve requests that originate from share.framerjs.com or something alike. Koen, can you shine a light here?
Hmmm I just made a test and it works pretty well. Any chance I can inspect the full code? https://jsfiddle.net/kqu05Lpy/