!
Best answer by KoalaTricks
View original
Is it possible to conditionally format questions based on device type used to take the survey?
For example, I want my scales to be horizontally positioned (both in the survey editor and if users are taking the survey via PC). But if users are taking the survey via mobile, I want the scales to be vertically positioned. I understand that Qualtrics does this automatically, but the conversion doesn't look good. The only way for scales to look good on mobile devices, is for them to be originally formatted vertically. Is this something that can be achieved with JavaScript? Why isn't there a way to better customize a survey for mobile users?
!
!
@Sarah89 You don't need Javascript, but question-level CSS can change the style for the mobile viewport:
```
<style>
@media all and (max-width:480px){
.Skin label.MultipleAnswer,.Skin label.SingleAnswer {
text-align: left;
}
}
</style>
how fun was this game
```
placed here:
!
which gets you (might vary/need tweaking depending on your theme):
!
```
<style>
@media all and (max-width:480px){
.Skin label.MultipleAnswer,.Skin label.SingleAnswer {
text-align: left;
}
}
</style>
how fun was this game
```
placed here:
!
which gets you (might vary/need tweaking depending on your theme):
!
Thank you!! This is perfect
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.