Matrix questions: Hiding column with javascript doesn't work unless in Mobile Friendly mode

I am trying to create a simple, one-row likert scale question that looks like this:
Reading advice here, I've figured out that I can do this by creating a single-row matrix question and adding this Javascript code:
Qualtrics.SurveyEngine.addOnload(function() {
  jQuery("#"+this.questionId+" .c1").hide();
});
The problem is that this code only seems to work in I enable "Mobile friendly" mode. And, while this question looks great on desktop, with mobile friendly on, it looks like this on mobile:
The labels are gone, and now the question doesn't make any sense.
If I turn off mobile-friendly mode, for some reason, Qualtrics is adding a weird white space on the left side like this:
What's going on with this?
How can I get rid of this weird white space?