My typeforms are not displaying correctly in the mobile version of my webpage, which is WordPress based. I already tried changing the z-index value, but it still does not display correctly.
Answered
Typeform embedded in a WordPress page not displaying correctly in mobile
Best answer by mathio-tf
Hello
Maybe try making the embed inline on mobile, it might help. See the help article on this: https://www.typeform.com/help/a/embed-your-typeform-360029249212/#h_01FXN40V7DB2TVX1VBPXNA54MB
+5Hi
Hi Liz,
After you start the form, it get all messed up.
+5Thanks,
I did tried by adding a z-index to the code, but that is not resolving it. The strange thing is that this was not happening a couple of days ago, so either something change in Typeforms or something changed in WordPress. Has any one else reported having this issue?
+5Hello
Maybe try making the embed inline on mobile, it might help. See the help article on this: https://www.typeform.com/help/a/embed-your-typeform-360029249212/#h_01FXN40V7DB2TVX1VBPXNA54MB
Thanks
This fix actually worked. However, I went back to some other forms and copied the embed code again, and in many cases, the code came with this fix into it. So I am wondering if there was any work done in the backend
And related to this, why is that not every form has a similar code structure? Does it change between the different types of forms? I mean, does the code change if the form is a registration form or a survey?
Anyways, for now the problem is fixed, so thank you all for your help!
My Typeform is not displaying correctly on my Wordpress site on Mobile. How do I fix? I’m unfamiliar with what you mean by the Z-index issue above. Here is what the typeform looks like on mobile for me:
+5Hi
have you tried displaying the typeform inline on mobile devices?
If it does not help, please provide full URL to your website with your embedded typeform and I can have a look.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.