Iframe in responsive page - Support | Kriesi.at

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
December 11, 2014 at 1:53 pm #366619

Trender
Participant

Hi

I’ve added an iframe to ’embed’ a page. The Iframe is 400px wide, so it’s wider then the page on mobile resolutions. The content which embedded is 400px, so I can’t make the iframe adaptable to the screen size.

Is there a way to disable responsiveness on a single page? Or so overwrite the minimum page width on a single page?

Thank you in advance!

December 11, 2014 at 8:43 pm #366877
Elliott
Inactive Moderator
Hi Trender!

Try adding this to a codeblock element on the page.
```
<style type = "text/css">
.responsive .container {
    max-width: 1000px !important
}
</style>
```
If that’s not working then send us a link so we can get a better idea of what’s going on.

Regards,
Elliott
December 12, 2014 at 2:31 am #367105

Trender
Participant

This reply has been marked as private.

December 12, 2014 at 7:13 pm #367434

Elliott
Inactive Moderator

Hi!

I don’t see an easy way of doing that unfortunately. What I would do is instead of setting a width of 500px on the content in your iframe I would change it to 100% so it’s responsive. You can set a max-width to it as well so it looks correct on bigger screens.

Cheers!
Elliott

December 14, 2014 at 6:52 pm #367991

Trender
Participant

Hi Elliot,

Thank you for the swift reply.

I now display different content to mobile visitors (only a link in stead of an i-frame). I used this method:
https://kriesi.at/support/topic/controlling-content-on-mobile-in-the-enfold-theme/

That was also your solution, so thank you for that!
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Iframe in responsive page’ is closed to new replies.