Answered

Embeded Typeform is not displayed properly on mobile view

  • 7 February 2022
  • 9 replies
  • 110 views
A
Badge

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 ? 

icon

Best answer by Liz 11 February 2022, 00:49

View original

9 replies

Liz
Rank
Userlevel 7
Badge +5

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

Life is a series of awkward moments separated by snacks.
A
Badge

Hello Liz, 

Attached the link

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

A
Badge

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
Rank
Userlevel 7
Badge +5

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. 

Life is a series of awkward moments separated by snacks.
A
Badge

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
Rank
Userlevel 7
Badge +5

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. 

Life is a series of awkward moments separated by snacks.
A
Badge

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 %

A
Badge

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
Rank
Userlevel 7
Badge +5

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. 

 

Life is a series of awkward moments separated by snacks.

Reply


Still need help?

Don't be shy and ask the community.

Ask your question here!
Community T&Cs