Mehrfachauswahl-Matrix: Reihenfolge der Antworten auf Smartphone invertiert

Question

Guten Tag,

nach dem Erstellen des Fragebogens am Computer ist mir aufgefallen, dass bei zwei Fragen vom Typ Mehrfachauswahl-Matrix die Antworten am Smartphone in invertierter Reihenfolge angezeigt werden.

Am PC sehe ich die Antwortmöglichkeiten von links nach rechts. Aus Platzgründen wird es am Smartphone vertikal angezeigt. Allerdings nicht so, wie es der Lesefluss vermuten lassen würde, von oben nach unten, sondern von unten nach oben. Das mag bei einigen Fragestellungen sinnvoll sein, bei mir allerdings nicht. Daher meine Frage: Wie kann ich die Reihenfolge der Antworten bei der Anzeige auf dem Smartphone verändern?

Hier sind die Links zu den beiden betroffenen Seiten:
https://www.soscisurvey.de/jugendumfrage-wespe/?act=BAcXPD9CGA4x4VuDgJyRYsgX
https://www.soscisurvey.de/jugendumfrage-wespe/?act=T7F0ykTOjKjYJoAWZ73zxN0f

Für einen Tipp wäre ich dankbar.

Answer 1

Bitte fügen Sie - entweder im <style>-Bereich im Layout oder mittels pageCSS() auf der Seite folgenden CSS-Code ein:

@media (max-width: 520px) {
  div.s2input div.s2options,
  div.s2input div.s2dk {
    flex-direction: column !important;
  }
}

Also z.B. als PHP-Code:

pageCSS('
    @media (max-width: 520px) {
      div.s2input div.s2options,
      div.s2input div.s2dk {
        flex-direction: column !important;
      }
    }
');

Comments

Vielen Dank für die schnelle Antwort! Jetzt hat es geklappt. :-)

Für alle, die das gleiche Problem haben und nun auch diese Lösung nutzen: Im PHP-Code ist ein kleiner Tippfehler. Zu Beginn muss es pageCSS heißen...

---

Danke für den Hinweis, ich habe es oben korrigiert.