Remove scroll bar in mobile view | XM Community
Skip to main content

Hello there,
I'm making a survey for a school project and I have some multiple-choice questions that in the web version look fine, but in the mobile view I get this scrollbar at one question.
I want it so, that there is no scroll bar like in the 2nd picture. Is there any way to fix this with CSS padding, preferably not Java?
Many thanks in advance
Qualtrics question.JPGQualtrics question2.JPG

Hi there, further up the screen, is one of the answer options a longer word? I think the length of one of the answer options is forcing the scrolling in Mobile view in order to fit the other column of answer options.
MobileViewScroll1.png
Things you can try:
Make number of columns 1 or change the alignment to Vertical.
Change the Layout to Classic or Modern. Classic can fit more text in the answer options, and Modern changes the alignment to Vertical for Mobile view when using Column alignment.
MobileViewScroll2.png
Decrease the font size for the Mobile view. The CSS for that is below:
@media (max-width: 480px) {
  .Skin .QuestionBody {
    font-size: 12px;
  }
}

Thanks, changing the layout and padding fixed the issue!

Leave a Reply


Terms & Conditions