- Offizieller Beitrag
Hallo!
Ich habe gerade nach einer Möglichkeit gesucht, das Plugin "Social Links for WSC 3.0" auf mobile Geräte nicht anzeigen zu lassen. Folgender CSS-Code schafft da Abhilfe (kann beliebig erweitert werden):
CSS
@include screen-xs {
#follow .geekLabssifFacebook, .menuOverlayItemList .geekLabssifFacebook {
display: none;
}
#follow .geekLabssifTwitter, .menuOverlayItemList .geekLabssifTwitter {
display: none;
}
#follow .geekLabssifYoutube, .menuOverlayItemList .geekLabssifYoutube {
display: none;
}
}
Alles anzeigen
Damit werden nur die Links von Facebook, Twitter und YouTube im Benutzermenü auf Smartphones ausgeblendet. Wenn ihr zusätzlich noch andere Anbieter ausblenden wollt, müsst ihr entsprechend den darauf anpassen. Nutzt dafür am besten die Browser-Konsole und schaut nach, welche CSS-Klasse für euren Anbieter zuständig ist. Wer Tablets verbietet möchte muss screen-xsdurch screen-md-downersetzen. Weitere Media-Breakpoints findet ihr hier in den WL-Docs: CSS | WoltLab Suite 3.0 Documentation