embedded iframe not displaying correctly

  • Resolved dublinghostsigns

    (@dublinghostsigns)


    5 years, 3 months ago

    I really love the Miyazaki theme that I changed to recently, so I would really love to be able to solve the iframe embed problem I am having.

    When I embed an iframe code from Storymap.js in a web page, it shows up truncated. I have tried adjusting the height in the code, but unfortunately it makes no difference. You can see an example if you visit the middle of this page.

    My old theme was able to handle the codes, so I don’t think it’s an error with the code itself. Any ideas?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @dublinghostsigns,

    Glad you like it! It looks like the iframe has its width attribute set to 100%, which confuses the iframe resizing functionality included in the Miyazaki JavaScript. If you edit the embed code of the iframe and change the width="100%" value to say 800, it should resize correctly (to a square, in that case – set 600 for 4/3).

    — Anders

    Thread Starter dublinghostsigns

    (@dublinghostsigns)

    That worked! Thank you Anders!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘embedded iframe not displaying correctly’ is closed to new replies.