Hello, I created a typeform and embedded it on our website. The embed works perfectly on the desktop but when I go to the mobile site, I press the button to start the quiz and the embed disappears. I’ve played around with the code using suggestions from the FAQ’s with no luck. Any solutions to this?
Best answer by mathio-tf
It looks like for some reason your embed code is inside an <iframe>. On mobile when you start your typeform it resizes to be fullscreen for best respondent experience. However the parent iframe (the one that wraps the embed code) is not resized correctly and therefore the typeform is hidden:
I’d suggest not to embed inside an iframe like this. If you need to do it, then you need to resize the iframe manually.
Alternatively you could try using data-tf-inline-on-mobile attribute. See more on this in our help center article here: https://www.typeform.com/help/a/embed-your-typeform-360029249212/#h_01FXN40V7DB2TVX1VBPXNA54MB
+5Hi
Adding
+5It looks like for some reason your embed code is inside an <iframe>. On mobile when you start your typeform it resizes to be fullscreen for best respondent experience. However the parent iframe (the one that wraps the embed code) is not resized correctly and therefore the typeform is hidden:
I’d suggest not to embed inside an iframe like this. If you need to do it, then you need to resize the iframe manually.
Alternatively you could try using data-tf-inline-on-mobile attribute. See more on this in our help center article here: https://www.typeform.com/help/a/embed-your-typeform-360029249212/#h_01FXN40V7DB2TVX1VBPXNA54MB
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
