Jump to content

Embedded iframe issues on mobile (Apple)

Recommended Posts

I've come across an issue with how my embedded content shows on mobile, specifically iPhones. I have six pages with similar embedded codes, and from what I understand iPhones will only show the first embedded content that is viewed, no matter which page you are looking at. The content appears perfect on both desktop and Samsung mobile, so I'm wondering if there is any way around this issue with Apple. 

For reference, this is the code from one of my pages:

<iframe id="iframe" src="https://www.disneytravelcenter.com/ec11bbed84/" style="width:100%;border:none;"></iframe> <script> window.onmessage = (e) => { if (e.data.hasOwnProperty("frameHeight")) { document.getElementById("iframe").style.height = `${e.data.frameHeight + 30}px`; } }; </script>

and the only difference between the codes is in the disney travel center link.

Link to comment
  • Replies 0
  • Views 275
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.