I’m trying to edit the CSS on this Qualtrics Survey. If you view mobile layout in the Preview Version compared to the Published Version, you will noticed:

1. The multiple choice options are scrolling
2. The max-width of the Unordered List and Multiple Choice had to be different for some reason on the Published Version. The code is below:

The following falls under “@media (max-width: 770px)”

/* MOBILE STYLING > list styling*/
ul.ChoiceStructure {
    max-width: 255px;
}
/* MOBILE STYLING > multiple choice styling */
.Skin .MC .MAHR .QuestionBody td, .Skin .MC .MAHR .QuestionBody li, .Skin .MC .SAHR .QuestionBody td, .Skin .MC .SAHR .QuestionBody li {
    max-width: 240px;
}