1. Logo einfügen
Dein Logo kannst du unter DIVI > THEME OPTIONEN > LOGO hochladen. An dieser Stelle kannst du auch gleich dein Favicon hochladen.
2. Logo und Kopfbereich anpassen
Um das Logo in Größe und Position im Kopfbereich anzupassen, gehe bitte in deinen Adminbereich zu dem Punkt DESIGN > ANPASSEN. Sobald du auf "Anpassen" gedrückt hast, öffnet sich eine neue Seite mit zusätzlichen Menüpunkten auf der linken Seite.
DESIGN > ANPASSEN > HEADER & NAVIGATION > PRIMÄRE MENÜLEISTE
Das Logo ist im Theme auf 56% der Kopfhöhe eingestellt. Dabei arbeitet das Theme mit 2 Größen des Kopfbereichs: 1x werden 100% des Kopfbereichs angezeigt, wenn die Seite nach ganz oben gescrollt ist. Und ein andermal verkleinert sich der Kopfbereich, wenn man die Seite herunterscrollt. In beiden Fällen wird das Logo dynamisch angepasst.
3. Logo mit individueller Größe
Braucht euer Logo mehr Raum oder wollt ihr eine fixe Größe anlegen, dann könnt ihr dies per CSS machen. Geht dazu zu DESIGN > EDITOR und öffnet die Datei STYLE.CSS (diese ist in der Regel bereits als erstes geöffnet).
Um 100% des Kopfbereichs für das Logo auszunutzen, fügt folgendes ans Ende der style.css ein::
/*LOGO STANDARD*/
.et_fixed_nav #logo {max-height: 100%;}
/*LOGO BEIM SCROLLEN*/
.et-fixed-header #logo {max-height: 100%;}
/*LOGO MOBILE ANSICHT*/
.et_header_style_left #logo, .et_header_style_split #logo {max-width: 50%;}
Nun wird die Höhe deines Logos nicht mehr als Basis genommen. Das Logo wird nun in der Größe eingefügt, wie du es angelegt hast. Wenn du im Kopf eine Grafik einfügen willst, die über die Seitenbreite geht, lege die Grafik in 1080px Breite an.
Um ein Logo immer mit z.B. 200 Pixel Höhe und 300 Pixel Breite in den Kopfbereich einzufügen, fügt folgendes ans Ende der style.css ein::
logo {height: 200px; width: 300px}
Die Werte in dem Beispiel (200px bzw. 300px) könnt ihr nun beliebig anpassen.
