iframe does not show on mobile version

[bennyxan]

Hi Laytheme team,

I'm really in love with your theme – but I just faced a problem and don't know how to solve it.

I created a survey with involve.me and wanted to embed it on my homepage. The survey itself is responsive and it works great for the desktop version. But as soon as I set a phone breakpoint in laytheme, the survey does not show in phone version anymore.
If I don't set a mobile breakpoint the survey works perfectly on mobile and desktop version, but the rest of the website looks odd because it shows the desktop version.

Thats the website: https://whohurtyou.de
And this is the code of the iframe:

<div class="involveme_embed" data-project="whohurtyou" data-loadcolor="#002C7A" data-embed-mode="fullscreen">
<script src="https://benny-xan.involve.me/embed"></script>
</div>

Thanks for your help <3
Benny

[Richard]

Dear Benny

@bennyxan

Not exactly sure why - But try adding this to your Mobile Layout via: > +More > HTML >

<div class="involveme_embed" data-project="whohurtyou" data-loadcolor="#002C7A" data-embed-mode="fullscreen">
<script src="https://benny-xan.involve.me/embed"></script>
<iframe frameborder="0" id="_hlwz4del8" src="https://benny-xan.involve.me/whohurtyou?embed=1&amp;loadcolor=%23002C7A&amp;src=https%3A%2F%2Frickei3.dreamhosters.com%2Fiframe-embed-test%2F" style="width: 100%; overflow: hidden; height: 300px; transition-duration: 600ms;"></iframe>
</div>

---

Best wishes ✨

Richard

[bennyxan]

Thank you so much Richard, works perfectly for me! <3

[Richard]

Awesome! thanks @bennyxan have a wonderful day 🌻