Skip to main content
Answered

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

  • Jan 22, 2024 11:48 PM UTC
  • 7 replies
  • 292 views

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
  • Jan 23, 2024 1:05 AM UTC

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


  • Author
  • Explorer
  • Jan 23, 2024 5:13 PM UTC

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
  • Jan 24, 2024 11:49 PM UTC

Hello,

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

Thanks,
Mike


Liz
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • Jan 26, 2024 2:44 PM UTC

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


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • Answer
  • Jan 29, 2024 12:12 PM UTC

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
  • Jan 30, 2024 5:37 PM UTC

Mathio,

Thanks for the advice.

Michael

Thank you also Liz!


Liz
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • Jan 31, 2024 8:15 AM UTC

Let us know how it goes, @mikehill !