Quiz is not showing properly on Mobile Version | Community
Skip to main content
Answered

Quiz is not showing properly on Mobile Version

  • February 25, 2022
  • 4 replies
  • 81 views
S

Hi everyone, 

My team and I are new to Typeform. We have embedded a quiz on our website. The desktop version is fine. However, in the mobile version, the header and footer are getting in the way of the quiz. Please see link: https://strangelovecafe.com/pages/quiz

Please see below picture of how the quiz looks in mobile version:

 

Best answer by Antonio

Hi, I think @Liz  is right, there is some css breaking. A quick fix would be to remove the position fixed for the widget.  Add this to your css:

.tf-v1-widget-fullscreen {
position: relative !important;
}

 

View original

4 replies

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

Hi @Strangelove Welcome to the community! It looks like you need to adjust the header/footer of your website so it doesn’t interfere with the Typeform code by making some changes to the CSS. 

@mathio may be able to help point you in the right direction!

Life is a series of awkward moments separated by snacks.
Gabriel
Ex–Typefomer
Forum|alt.badge.img+5
  • Gabriel
  • Community Team
  • 857 replies
  • March 7, 2022

As far as I know the great @mathio is on a well deserved vacation. Perhaps @Antonio or @jvh may be able to chip in? 

"If you think you are too small to make a difference, try sleeping with a mosquito".
A
Typeform
Forum|alt.badge.img+3
  • Antonio
  • Typeform
  • 30 replies
  • Answer
  • March 7, 2022

Hi, I think @Liz  is right, there is some css breaking. A quick fix would be to remove the position fixed for the widget.  Add this to your css:

.tf-v1-widget-fullscreen {
position: relative !important;
}

 

Gabriel
Liz
john.desborough
4 people like this
  • Gabriel
    Gabriel
  • Liz
    Liz
  • john.desborough
    john.desborough
  • jvh
    jvh
Gabriel
Ex–Typefomer
Forum|alt.badge.img+5
  • Gabriel
  • Community Team
  • 857 replies
  • March 7, 2022

Thanks, Antonio 🙇🏽

"If you think you are too small to make a difference, try sleeping with a mosquito".
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