Answered

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

  • 23 January 2024
  • 7 replies
  • 90 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

icon

Best answer by mathio 29 January 2024, 13:12

View original

7 replies

Userlevel 5
Badge +5

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

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

Hello,

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

Thanks,
Mike

Userlevel 7
Badge +5

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

Userlevel 7
Badge +5

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.

Mathio,

Thanks for the advice.

Michael

Thank you also Liz!

Userlevel 7
Badge +5

Let us know how it goes, @mikehill !

Reply