Mobile version missing content | XM Community
Skip to main content
Hi Everyone



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.


C_S2020,
MatthewM is correct. Scale labels aren't displayed in mobile (aka accordion) 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.
Mobile Accordion View.jpgSomeone 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

- Not at All Satisfied

10
- Completely Satisfied


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

- Completely Satisfied

 

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