Antwortmöglichkeit (Skala) ausblenden bei mobiler Version

Question

Guten Tag

Für ein Befragungsprojekt habe ich eine Skala angelegt, bei der einige Antwortmöglichkeiten ausgeblendet werden sollen. Ich habe das mit dem folgenden Code umgesetzt.

pageCSS('
#C008_061, #C008_062, #C008_063, #C008_064, #C008_065, #C009_061, #C009_062,
#C009_063, #C009_064, #C009_065, #C010_061, #C010_062, #C010_063, #C010_064,
#C010_065, #C008_101, #C008_102, #C008_103, #C008_104, #C008_105, #C009_101,
#C009_102, #C009_103, #C009_104, #C009_105, #C010_101, #C010_102, #C010_103,
#C010_104, #C010_105, #C008_141, #C008_142, #C008_143, #C008_144, #C008_145,
#C009_141, #C009_142, #C009_143, #C009_144, #C009_145, #C010_141, #C010_142,
#C010_143, #C010_144, #C010_145,
label[for="C008_06, C009_06"] {

display: none;

}
');

Das funktioniert grundsätzlich gut.

Sobald der Fragebogen aber auf dem Smartphone ausgefüllt wird und die Antwortmöglichkeiten als Kärtchen dargestellt werden, wird der eigentlich ausgeblendete Inhalt dennoch angezeigt.

Was muss ich tun, damit die Kärtchen auch in der mobilen Version ausgeblendet werden?

Vielen Dank im Voraus!

Answer 1

Ich rate davon ab, dass Sie für die Zwischenüberschriften "normale" Items verwenden und dann die Eingabefelder ausblenden.

Klicken Sie stattdessen im Fragenkatalog das Item "- lettischsprachige" an, klicken Sie über dem Itemtext auf "Zwischenüberschrift" und tragen Sie dort "Ende Freund:innen" ein.

Wenn Sie dennoch Eingabefelder ausblenden möchten, ergänzen Sie zu jeder Kennung noch die label[for="..."] Variante, also

#C008_061, label[for="C008_061"],
#C008_062, label[for="C008_062"],
...