iFrame code in a page not showing up in front end

[PetraQI]

Hi,

hope you can help .

I have put this iframe in a page:

The code I took from this solution.

In the backend I can see it:

But not in the front end… it’s simply empty:

What’s wrong?

Thanks!!

Best, Petra

@Gabe @Finer or @r8r

[GemPages]

Hello @PetraQI

i check on this page

https://qi-imagery.com/pages/inspirations-letter

iframe is working

You can try testing on another computer.

[PetraQI]

Hallo nochmal,

einen Teil der Antwort habe ich gerade gefunden.

Fehlt nur noch, wie ich full width, bzw. diese 130rem Breite einstelle.

Mein Fehler… das Auge bei Seite war durchgestrichen:

LG, Petra

[GemPages]

I’m glad the content you wanted showed up.

[PetraQI]

Yes

Thank you very much @GemPages !!
I tried further and found what I posted below. It was an overlapping reaction here in the posts.

Now the remaining question is: How to make it full width, respectively this 130rem width??

Best, Petra

[Gabe]

@GemPages

It seems to have pushed the other elements out of the page margins and they are being truncated as you can see here:

Can this be done with the GemPages App? Otherwise it will require some custom coding with a page template to adjust the width of the page and modify the iframe code as per the page.

[PetraQI]

Hi @Gabe ,
one solution is nice: just adding the iframe into a liquid!

Just -in my particular case- one point is not solved: responsiveness!
I tried like this:

Also, I exchanged data-scaling=“true” with allowfullscreen, but both is not working.

Best, Petra