iframe does not show on mobile version
-
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 -
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&loadcolor=%23002C7A&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
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it