Format Multiple Choice Options Horizontal on Mobile (Simple Layout)

Question

I am looking to force my multiple choice scale question to display answer choices horizontally on mobile devices. This is using the newer Modern/Simple layout. See below how the question is displayed on desktop.  See below how the question displays on mobile (answer choices listed vertically). While I can choose to place the answer choices in 5 columns instead, it causes it to scroll sideways and places text to the left of the radio button. Does anyone have any workarounds/custom CSS to display 5 pt scale questions horizontally on mobile devices using the Simple Layout? I understand this may require adjusting the font to fit in the smaller screen width.

Sachin Nandikol · Answer

Hello ​@jake_dufinetz,The Simple layout in Qualtrics doesn’t support custom CSS like other layouts. Survey questions are designed to automatically adjust based on the display size.If you're primarily targeting mobile users, one workaround I’d suggest is to use a 'Matrix Table' question instead of a standard 5-point scale. Enable the 'Mobile Friendly' option, this will show the scale in an accordion format on mobile devices. While it won’t display the scale horizontally, it will offer a cleaner and more user-friendly experience.Let me know if this helps.

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded