Hi all,
I'm trying to insert a table into one of my questions. Unfortunately, the formatting is messed up when the table becomes sufficiently narrow, such as mobile mode. This only happens in qualtrics. Outside of qualtrics, the table looks just fine.
Here is a picture of the problem:
As you can see, in the mobile mode, the choices are on top of each other. They should fall into the columns.
I don't know why this happens and I'm not particularly good with HTML and CSS. The javascript should work fine and just feeds values into
Below is the CSS and HTML of the table.
Thank you!
Madamimadam
Choice 1 | Choice 2 | |
|---|---|---|
| A | ||
| B | ||
| C | ||
| D | ||
| E | ||
| F | ||
| G | ||
| H | ||
| I |
Page 1 / 1
If I remember correctly, Qualtrics has media rule for table cells with a
display: block !importantwhich may be causing the new lines. You can confirm using your browser's inspect feature.
Anyway, if that is the case, you'll need to override it with your own, more specific !important rule. You should probably add a class to your table so you can set up rules that apply specifically to your table and don't impact Qualtrics tables (matrix questions, etc.).
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.