Breadcrumbs ausblenden
Meinst du so?
@media screen and (max-width: 768px) {
.breadcrumbs {
display: none;
}
}Titelzeile einfärben
Welche Titelzeile meinst du?
Super, vielen Dank!
Ich meine die Titelzeile/-leiste in der mobilen Ansicht, in der links das Menü-Icon, mittig das Logo und rechts der Avatar/Login angezeigt wird. Bei mir ist der Bereich weiß und die Icons sind es leider auch. Deswegen würde ich die Hintergrundfarbe gerne ändern. Aber halt nur in der mobilen Ansicht. Auf dem Desktop ist alles gut.
DANKE! 
@media screen and (max-width: 1024px) {
.pageHeaderPanel {
background-color: rgba(255, 0, 0, 1);
}
}Ich hab den Code mal korrigiert. Der Code selbst passte, aber die Einrückungen waren wohl irgendwie fehlerhaft. Keine Ahnung was genau da falsch lief.
Seit dem WSC 3.0.x.x haben sich die Bezeichnungen der Breakpoints geändert - siehe hier: https://docs.woltlab.com/view_css.html#available-breakpoints
du müsstest also nun UNTEN in der CSS-Deklaration deines Stils folgendes eintragen:
@include screen-sm-down {
.breadcrumbs {
display: none;
}
}Funktioniert am Ende beides. Ich persönlich nehme lieber die px Werte.
Der Code von mir wird (wenn du aktuell bleiben & keine älteren Codes verwenden möchtest) anstatt der Lösung von Reen genommen.
Das Logo für die Mobilansicht kannst du hochladen in den Stileinstellungen deines verwendeten Stils > Globale Einstellungen.
Hier eine "dreckige" Lösung:
.menuOverlayLogoWrapper .menuOverlayLogo {
background-image: url(#{$style_image_path}logoS.png) !important;
}Das Logo muss eine png-Datei sein mit dem Titel logoS und in deinem Stilordner des verwendeten Stils vorhanden sein.
Don’t have an account yet? Register yourself now and be a part of our community!