Solved: iFrame not showing up on mobile devices

Collin_S · ‎09-23-2019

Hello,

I am trying to have a google form iframe show up on mobile devices. It shows up on desktop but not on mobile devices. Here is the code they provided:

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdGWjoBgqe-wAAfaMEW3D5EsvXgHTh18L0o-XOawio4jGCCww/viewform?embedded=true" width="100%" height="1400px" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

I did change the width to 100% and the height to 1400px.

Any ideas how I can get this iFrame to show up on mobile?

Collin_S · ‎09-23-2019

I figured it out, iFrame has to be on a live site for it to appear as well as the Google form itself has to be public.

View Best Answer >

Adam7 · ‎09-23-2019

What page of your site did you add that to, @Collin_S?

Collin_S · ‎09-23-2019

I have added it to the "Plan a Visit" page. We cannot publish these changes to the live site yet without permission from the client so I have to link the preview link. It is supposed to be on the bottom of the page for now. It just shows up as blank space.

http://rytechllc.loginportal.site/preview/mm088a.82lhf8dn25dn4.524126a1ca66f963fdbdbf80da0fcd69

Collin_S · ‎09-23-2019

I figured it out, iFrame has to be on a live site for it to appear as well as the Google form itself has to be public.

Adam7 · ‎09-23-2019

Ahh! Nice catch, @Collin_S.