Answered

Overlapping forms on Mobile-view

  • 23 June 2022
  • 5 replies
  • 163 views

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:

 

 

icon

Best answer by mathio 24 June 2022, 12:11

View original

5 replies

Userlevel 7
Badge +5

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

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

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

Userlevel 7
Badge +5

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:

 

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.

Userlevel 7
Badge +5

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.

Reply