How do I move the close button "x" on mobile? | Community
Skip to main content
Answered

How do I move the close button "x" on mobile?


On mobile, the typeform close button is under my hamburger menu and can not be accesses. Is there a way to move the form down (not 100% screen) or just move the close button?

 

Thanks,

Mike

Best answer by mathio-tf

Hello @mikehill 

embedded typeforms use z-index of 10001. I see your menu button (button.rmp_menu_trigger) has z-index of 999999 - if you change it to 10000, it will be hidden under the typeform.

Alternatively you could also override the z-index of .tf-v1-slider  CSS class to 1000000.

 

Unfortunately our embed SDK does not provide a way to make the full-screen modal smaller on mobile devices out-of-the-box. This is something that would need to be custom-built to fit the needs of your website.

View original

7 replies

Forum|alt.badge.img+5
  • Community Wizard
  • 127 replies
  • January 23, 2024

Provide a link to your page to be able to debug.


  • Author
  • Explorer
  • 3 replies
  • January 23, 2024

Hello Jeremie.

https://casknx.com/

The mobile hamburger icon is created in Responsive Menu plugin.

Maybe if there were a way to make the form container and trigger smaller than full screen..

Thanks,

Mike


  • Author
  • Explorer
  • 3 replies
  • January 24, 2024

Hello,

Just following up. Please let me know what you come up with.

Thanks,
Mike


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15034 replies
  • January 26, 2024

@mathio may be able to provide some help with this!


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • Answer
  • January 29, 2024

Hello @mikehill 

embedded typeforms use z-index of 10001. I see your menu button (button.rmp_menu_trigger) has z-index of 999999 - if you change it to 10000, it will be hidden under the typeform.

Alternatively you could also override the z-index of .tf-v1-slider  CSS class to 1000000.

 

Unfortunately our embed SDK does not provide a way to make the full-screen modal smaller on mobile devices out-of-the-box. This is something that would need to be custom-built to fit the needs of your website.


  • Author
  • Explorer
  • 3 replies
  • January 30, 2024

Mathio,

Thanks for the advice.

Michael

Thank you also Liz!


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15034 replies
  • January 31, 2024

Let us know how it goes, @mikehill !


Reply