I'm having trouble getting matrix labels to display on the mobile version of our survey.
We have 11 scale points with 4 labels covering the 11 points. Matrices preview correctly on the desktop (including the labels Poor 1-3 etc) but the labels are missing from the mobile version. Is there a reason for that or a step I've missed?
Correct desktop view:
!
Incorrect mobile view:
!
Thanks for any help.
CS
Hi C_S2020,
I would suggest contacting Qualtrics Support to confirm, but my guess is that the missing labels are an inherent limitation of making that type of question compatible with a Mobile view.
OK thanks MatthewM and TomG for the info.
C_S2020 I am new to using Qualtrics and was having the same issue. When I was searching for a solution, I came across this post as well. I realize it's a month old and you may already have a workaround or solution, but I'll share mine that I came up with in case it will help.
Basically, I use the labels and I also put the text in my scale with my numbers. But, I condition the text to only show for Mobile view. It ends up looking like the below...notice on the mobile view the first scale point is "1 - Not at All Satisfied"...but on the desktop view all you see is "1" because the " - Not at All Satisfied" will only show for mobile.
Someone who knows CSS better could probably improve this, but in the custom css box under Look & Fell I have this:
.mobileShow { display: none;}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .mobileShow { display: inline;}}
Then, my scale points looks like this:
1
10
bradr636 thanks so much for your advice. That is the perfect solution to my problem. Much appreciated!
Then, my scale points looks like this:
10
I’ve been struggling with this issue of varying column widths for years. I resorted to adding padding to make it less visibly noticeable, but it never fixed the problem. Your suggestion finally resolved it for me. So first want to say thanks!
One thing that took a bit for me realize for anyone else reading this and trying to use bradr636’s approach.
As you set your scale point label, you’ll need to go into the Rich content editor for that label, use the Source view, and enter the label as below to ensure the label will only be visible on Mobile devices.
10
<div class="mobileShow">- Completely Satisfied</div>
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.