Overlapping forms on Mobile-view | Community
Skip to main content
Answered

Overlapping forms on Mobile-view


Hello!

Can someone help us on our forms when viewed using mobile devices? Some questions overlaps with other elements on the form. Here’s form link https://jeremykrulikowski.com.pages.ontraport.net/application and we are using an iPhone to check this.

Below are the screenshots from the phone:

 

 

Best answer by mathio-tf

Hello @JeremyKrulikowski 

some of the content on your website has higher z-index than your embedded typeform.

I was able to make your form work by removing the z-index from following elements:

 

View original

5 replies

Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14904 replies
  • June 23, 2022

@mathio do you happen to know what might help prevent the overlapping here? 


Liz wrote:

@mathio do you happen to know what might help prevent the overlapping here? 

Hi Liz! Hope you can assist us on this matter.


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • Answer
  • June 24, 2022

Hello @JeremyKrulikowski 

some of the content on your website has higher z-index than your embedded typeform.

I was able to make your form work by removing the z-index from following elements:

 


mathio wrote:

Hello @JeremyKrulikowski 

some of the content on your website has higher z-index than your embedded typeform.

I was able to make your form work by removing the z-index from following elements:

 

Hi @mathio,

Thank you for helping us out! Do we have to add this code or do anything to resolve the overlapping? Thank you.


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • June 27, 2022

Yes, you need to update your HTML code and remove the z-index CSS prop. However I can not help you with specific details on how to do this.