Die Logo Größe kannst du standardmäßig ganz einfach im Theme Customizer unter Header & Navigation > Primäre Menüleiste > Logo Max Höhe ändern. Allerdings gibt es keine Möglichkeit, die Logo Größe für mobile Endgeräte getrennt zu anzupassen.
Mit diesem einfachen Codeschnipsel kannst du die Divi Logo Größe auf mobilen Endgeräten ändern.
Das ist zum Beispiel hilfreich, wenn du auf Smartphones und Tablets dein Logo größer anzeigen lassen möchtest, als es standardmäßig in Divi möglich ist.
Um die Divi Logo-Größe auf mobilen Endgeräten zu ändern, kopiere einfach folgendes Codeschnipsel in das Stylesheet deines Divi Child-Themes oder in den Theme Customizer unter Zusätzliches CSS:
/* Divi Logo Größe ändern */
@media (max-width: 980px){
#logo {
max-width: 30% !important;
}
}
Hallo Tobias, vielen Dank für deinen Blog.
Habe den Code auf der Webseite eingefügt, aber leider sehe ich keine Änderungen… Muss ich vielleicht noch etwas anpassen?
Hallo Daiana,
vielen Dank für deine Nachricht.
Ich habe mir mal den Quelltext deiner Website angeschaut, da scheint der Code nicht anzukommen.
Wo hast du den Code denn hinkopiert? Eventuell musst du auch mal den Divi Cache leeren unter Divi > Theme Optionen > Builder > Fortgeschritten > Erzeugung der statischen CSS Datei -> klar
Viele Grüße,
Tobias
Hallo Tobias, vielen Dank für deine Antwort.
Habe den Code bei dieser Webseite eingefügt; https://vere-naturalis.ch/
Habe bereits den Cache geleert und zusätzlich ein bisschen die % Zahl und die Pixel geändert, um zu schauen ob etwas passiert.
Habe den Code bei Theme Customizer, zusätzliches CSS eingefügt.
Hallo Daiana,
wenn du die Logo Größe allgemein ändern möchtest, kannst das ja ganz normal über den Theme Customizer tun, über Header & Navigation > Primäre Menüleiste > Logo Max Höhe ändern.
Das Codeschnipsel ist nur dafür da, die Logo Größe auf mobilen Endgeräten separat anzupassen (Sollte ich vielleicht im Artikel nochmal deutlicher kenntlich machen). Für Bildschirmbreiten kleiner als 980px funktioniert der Code auf deiner Seite auch.
Viele Grüße,
Tobias
Super! Vielen Dank!
Gerne!