Excluding from mobile | Community
Skip to main content
Answered

Excluding from mobile


Hey,

We have a floating call to action on our website, so when our form is opened the start/buttons are blocked by this call to action button. 
 

Is it possible to exclude the typeform from mobile or modify the layout?

Many thanks. 

Best answer by mathio-tf

Hello @Nickh 

Simplest approach would be to set lower z-index value of your call to action button in CSS.

Typeform embeds have z-index value of 10001. Setting a lower value for this on your call to action button will make it appear below the typeform.

 

Is it possible to exclude the typeform from mobile or modify the layout?

You could hide the typeform on mobile devices with media query (eg. see “Div show/hide media query” on StackOverflow) or compeltely prevent it from loading via custom JavaScript code in your website.

Modifying the layout might be possible if you want to hack around with the CSS, but it’s not officially supported.

View original

mathio-tf
Typeform
Forum|alt.badge.img+5

Hello @Nickh 

Simplest approach would be to set lower z-index value of your call to action button in CSS.

Typeform embeds have z-index value of 10001. Setting a lower value for this on your call to action button will make it appear below the typeform.

 

Is it possible to exclude the typeform from mobile or modify the layout?

You could hide the typeform on mobile devices with media query (eg. see “Div show/hide media query” on StackOverflow) or compeltely prevent it from loading via custom JavaScript code in your website.

Modifying the layout might be possible if you want to hack around with the CSS, but it’s not officially supported.


  • Explorer
  • June 22, 2021

Great thanks, will explore.


Reply