Mobile version of typeform is not showing correctly | Community
Skip to main content
Question

Mobile version of typeform is not showing correctly

I
Forum|alt.badge.img+1

Hi Typeform Gurus,

 

Please help me understand why this is happening?!

This form should not look like this. What is shown below is the title of the Typeform which should never be seen by users. This image is a screenshot from my mobile.

 

Here’s what it should look like. This is an image from the “mobile view” from my desktop.


These are my typeforms in the workspace.

 

 

There are 4 typeforms embeded on that page and all of them are displaying the typeform titles as you see above rather than the text of my first slide in my typeform.

3 replies

I
Forum|alt.badge.img+1
  • Insider
  • Author
  • Socializer
  • 14 replies
  • January 19, 2024

All good. I fixed it by adding the code data-tf-inline-on-mobile.

Still not sure why I had to do this since it was working for about 5 hours without using that code.

If anyone with insights can still comment, would be good to understand why this happens.

Grace
1 person likes this
  • Grace
    Grace
Liz
Community Team
Forum|alt.badge.img+5
  • Liz
  • Tech Community Advocate
  • 14921 replies
  • January 26, 2024

@mathio might have some insight on this, if you could share the URL where the form is embedded. 😀

Life is a series of awkward moments separated by snacks.
mathio-tf
Typeform
Forum|alt.badge.img+5
  • mathio-tf
  • Typeform
  • 888 replies
  • January 26, 2024

Hello @Insider 

to improve user experience on mobile we automatically add welcome screen generated from your form title.

As you correctly pointed out, you can disable it by adding data-tf-inline-on-mobile. If you are using the share page, you can switch off the full-screen on mobile option on share page:

 

Liz
1 person likes this
  • Liz
    Liz

Reply


Still need help?

Don't be shy and ask the community.

Ask your question here!
Community T&Cs