Answered

Quiz is not showing properly on Mobile Version

  • 25 February 2022
  • 4 replies
  • 70 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:

 

icon

Best answer by Antonio 7 March 2022, 10:59

View original

4 replies

Liz
Rank
Userlevel 7
Badge +5

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

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

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

Thanks, Antonio 🙇🏽

"If you think you are too small to make a difference, try sleeping with a mosquito".

Reply


Still need help?

Don't be shy and ask the community.

Ask your question here!
Community T&Cs