Embed Iframe the right way

[zero_to_one]

Hey there,
I’d like to embed my Iframe the right way.
This page should be embedded on this page via an Iframe.

Now I’am experiencing some difficulties as the container does not allow we to go full width on this page

Furthermore I’d like to know how I set the hight of the Iframe to auto or something similar. The content in the Iframe is responsive, I just need the frame to be displayed in the size of the screen it is displayed on.

Thanks for your help!

[lely]

Hi There,

By default iframe is not responsive. Those height and width property are fixed. Please check this detailed guide to make it responsive: https://benmarshall.me/responsive-iframes/

Hope this helps.

[zero_to_one]

thank you,
I tried the tutorial and it works better now. But I have to set the height of the contentarea by hand. could you please take a look and tell me what I did wrong?

[ruenel]

Hello There,

To add a custom height to the content area, please find the “Customize” tab and insert a custom class

And then insert the following custom css in Settings > Custom CSS

.my-content-area {
   height: 300px;
}

Feel free to change it according to your needed height.