Docs

[frankmoester]

Hi,
Since a week my Typeform form doens’t qo over the site logo and navigation bar on mobile devices.
This is what Typeform Helpcentersays:
“I have checked your case with a colleague from the Technical team, and it seems that the issue is that the z-index of the menu bar with the logo is higher than the z-index of the typeform. Once you change this, the typeform should appear as expected.”

What can I do to fix this?

[Rahul]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[frankmoester]

This reply has been marked as private.

[Jade]

Hi there,

Would you mind reattaching the screenshot from your first post?

I can’t seem to find the TypeForm that you are describing.

Thank you.

[frankmoester]

Hi There,

Screenshots are attached. In order to see form, scroll the site down and hit “Vraag offerte aan”.

Kinde regards,

[frankmoester]

See screenshots attached.

[Rad]

Hi there,

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.typeform-modal {
    z-index: 1200;
}

Its z-index is 1000, and the menu has 1010.

Thanks!

[frankmoester]

Hi, I’ve added the code, but it didn’t solve the problem.

[Paul R]

Hi,

It’s fixed on my end.

Please try to clear your browser cache and check again.

Thanks

[frankmoester]

This reply has been marked as private.

[frankmoester]

Hi there, is there anything else that could cause this problem?

[Paul R]

Hi,

You can try adding this under Custom > Edit Global CSS in the Customizer.

.x-navbar,
.x-logobar {
        z-index: 99;
}

The z-index property specifies the stack order of an element.

If the code doesn’t work, you can try a lower number for the z-index.

Hope that helps

[frankmoester]

Perfect! That worked.
Thanks a lot!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts