Embeded Typeform is not displayed properly on mobile view | Community
Skip to main content
Answered

Embeded Typeform is not displayed properly on mobile view

  • February 7, 2022
  • 9 replies
  • 127 views

Forum|alt.badge.img

Hi, 

Our team encounter à problem regarding the embeded Typeforms on our website. 

The Blocks of the Typeform are not displayed properly on Mobile view.

 

Can anyone help us with this issue ? 

Best answer by Liz

Thanks, @Alexa ! This is what I see when I view the one that’s 1000px. It may be worth lowering the height even more and/or adjusting the header/footer of your site so they aren’t blocking the form. 

 

View original

9 replies

Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14946 replies
  • February 8, 2022

Hi @Alexa Could you share the URL where you have the form embedded so we can take a look? Thanks!


Forum|alt.badge.img
  • Author
  • Explorer
  • 5 replies
  • February 8, 2022

Forum|alt.badge.img
  • Author
  • Explorer
  • 5 replies
  • February 8, 2022
Liz wrote:

Hi @Alexa Could you share the URL where you have the form embedded so we can take a look? Thanks!

https://monicaion.ro/cum-sa-iti-cresti-increderea-in-tine-fara-sa-devii-aroganta/


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14946 replies
  • February 9, 2022

Thanks, @Alexa ! I’m seeing that the height of the form is 1700px. First, I would suggest reducing this to at least 1000px or less and/or a percentage amount. This height is really tall for a mobile version. 


Forum|alt.badge.img
  • Author
  • Explorer
  • 5 replies
  • February 9, 2022

I did reduce the height to 900 px. But the problem still persist on mobile version. 

Also, on desktop mode is will be displayed too small. 

As I could see, I can not choose different height for mobile and desktop view individually


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14946 replies
  • February 9, 2022

Thanks, @Alexa , though I’m still seeing the height as 1700px. Do you mind adjusting this so I can see how it looks? 
 

You could also adjust the height to be 100vh or 100%, which would automatically adjust according to the screen size. 


Forum|alt.badge.img
  • Author
  • Explorer
  • 5 replies
  • February 10, 2022

This is how it looks like at 100% height

https://monicaion.ro/test-page-typeform/

Also, I don't have option for vh, only px and %


Forum|alt.badge.img
  • Author
  • Explorer
  • 5 replies
  • February 10, 2022

And this is how it looks on mobile view at 1000 px height.

Same problem. It's not displayed properly on IOS.

https://monicaion.ro/test-2-typeform/


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14946 replies
  • Answer
  • February 10, 2022

Thanks, @Alexa ! This is what I see when I view the one that’s 1000px. It may be worth lowering the height even more and/or adjusting the header/footer of your site so they aren’t blocking the form. 

 


Reply