Zu viel Abstand zwischen Frage und Items bei Skala in mobiler Ansicht

Question

Guten Tag,
wenn ich eine Skala erstelle wird diese in der mobilen Ansicht (also mit schmalem Browserfenster oder eben auf dem Handy) immer mit sehr viel Abstand zwischen der Frage und den Items angezeigt. In der normalen Ansicht allerdings nicht, somit liegt es nicht an den Abstandseinstellungen des Fragebogenlayouts. Ich hab auch schon einige Layouts ausprobiert. Hier ein Link von meinem Pretest zu der Frage und ein Bild des Problems. Haben Sie eine Idee was man da machen kann?
Liebe Grüße!

Answer 1

Das ist Absicht - es macht es für das Auge leichter, die Inhalte zu trennen.

Wenn es Ihnen nicht gefällt, dann ergänzen Sie folgenden PHP-Code auf der Seite oder den zugehörigen CSS-Code direkt im Layout:

pageCSS('
    @media (max-width: 991px) {
      div.s2item {
        margin-bottom: 0 !important;
      }
    }
');

Comments

Dankeschön, das Problem mit CSS Code zu lösen hat auf jeden Fall geholfen. Der Code hat aber dazu geführt, dass sich der Abstand zwischen Frage<->Item und Item<->Item gleichermaßen verringert hat und die Items dann zu nah beieinander standen. Mit folgendem Code ging es jetzt ganz okay, aber wenn ich den ersten Wert auf kleiner als -15 gestellt habe ist die weiße Umrandung des ersten Items in den Fragetext rein gerutscht und das konnte ich auch nicht mit padding-top Einstellungen beheben.

pageCSS('
@media (max-width: 991px) {
  div.s2item:first-of-type {
    margin-top: -15px !important;
  }
  div.s2item {
    margin-bottom: 12px !important;
  }
}
');