Typeform embedded in a WordPress page not displaying correctly in mobile

Hi @jsaenz Could you send the URL where you have the form embedded? Thanks!

Hi Liz,

Here it is https://isi.org/events/art-and-the-moral-imagination-remembering-roger-scruton-a-weekend-conference-for-college-students/

After you start the form, it get all messed up.

Thanks, @jsaenz ! I believe this has something to do with the z-index in the code, but @mathio may be able to confirm this!

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?

Thanks @mathio!

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 @Liz?

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:

Hi @Responsible100 

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.