For my survey, I display tables to the respondent. In desktop view they look great, but in mobile view they automatically re-align so that the table becomes a single column. I want to force the table to remain as such on mobile view, even if that would require the respondent to scroll if necessary to see everything. How could I do that? Below Please find an example of what the table looks like on a desktop vs mobile device. Thanks so much for your help!

Hi@TomG, unfortunately I do not know how to do that, but here is the preview that contains my question. Thanks so much for your help!Add a class to your table element. For example:<table class="abTable" ...etc...Add a media rule using the class to override the current media rule:@media (max-width: 480px) { .Skin .MC .SAHR .abTable td { display: table-cell; }}

@Smith,Use the same media rule to reduce the font-size. You’ll still probably need some words to break. Use &ZeroWidthSpace; after Race/ and  between syllables of other long words.

Force Table in Mobile View | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded