Wie kann ich die Ausweichoptionen im responsiven Design auch in der mobilen Ansicht ausblenden?

Question

Hallo, ich habe ein ähnliches Problem gehabt. Im responsiven Design konnte ich die Ausweichoptionen jetzt ausblenden, allerdings erscheinen sie auf dem Handy immernoch. Öffne ich den Fragebogen auf dem Desktop passt alles...
Hier der Linkt zu Pretest: https://www.soscisurvey.de/Master-Thesis_Umfrage/?act=9m5ygWGBkdrebaJLQbXwtBX2
Vielen lieben Dank!

Comments

Wenn Sie bitte einen Link direkt (!) zur betrofenen Seite posten, kann ich dazu gerne einen Tipp geben.

Generell wird eine Ausweichoption natürlich nur angeboten, wenn Sie eine solche in der Frage konfiguriert haben. Ich gehe davon aus, dass es nur um einzelne Items geht.

Answer 1

Sorry, geht es so: https://www.soscisurvey.de/Master-Thesis_Umfrage/index.php?i=ZUNUPGITSH17&rnd=ZTDR

Comments

Das ist aber aktuell nicht das responsive Layout, oder?

---

Sorry,kann sein, dass ich da gerade etwas anderes versucht habe. Das ist auf jedenfall responsiv: https://www.soscisurvey.de/Master-Thesis_Umfrage/?act=OhmVsTF6uy5osns4XQ92CJ15

---

Nein, immer noch die nicht-responsive Tabellenkonstruktion ;)

Allerdings mit automatischer Umschaltung auf Mobilgeräten. Dort sind die Auswahlfelder für die Ausweichoption auch ausgeblendet - nur die Überschrift bleibt.

Answer 2

Wenn Sie das "automatische" Layout beibehalten möchten (das responsive = "dynamisch" ist technisch ein wenig hübscher und auf dem Touch-Display trifft man die kleinen Radio-Buttons mit dem Finger auch nicht wirklich gut), dann sind die Auswahlfelder ja schon ausgeblendet.

Wenn Sie dann noch die Beschrifungen loswerden möchten, würde das mit folgendem CSS-Code funktionieren:

label[for="JH01_01DK"] {
   visibility: hidden;
}

Das display: none würde ich hier vermeiden, weil sich dann die Spalten ein wenig verschieben.

Comments

Absolut perfekt! Vielen vielen Dank! :-)