Esteem Theme Header volle Breite?

max brandt

Hallo

Ich versuche im Header, wo das Logo ist, den Hintergund farblich über die komplette Bidschirmbreite zu gestalten. Ich denke das die Breite im Theme dem vom Content entspricht. Ist es möglich nur im Bereich Header einen Bereich farblich zu ändern, ohne den Contentbereich zu "verbreitern"

Bitte um Hilfe. Der farbliche Bereich sollte über dem Menü hinter dem Logo sein
http://www.stelisabeth.at/sub_test/

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

AmFearLiath

Du könntest zum Beispiel das Element mit CSS ändern, so dass es "frei schwebt". So kannst Du die Breite, Position und Farbe losgelöst aus dem Elterncontainer modifizieren...

als Beispiel

Code

header {
    position: absolute;  //löst das Element und lässt es frei schweben
    width: 100%;  //maximiere die Breite
    left: 0; 
    right: 0;
    background-color: #xxx; /deine gewünschte Hintergrundfarbe
}

durch das left: 0; und right: 0; zentrierst Du das Element wieder

damit der nachfolgende Inhalt nicht unter den Header rutscht, schieben wir ihn weiter nach unten...

Code

div#main {
    margin-top: 160px;
}

ob und wie sich das jetzt auf die responsivität und weitere Seiten/Unterseiten auswirkt musst Du schauen...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Esteem Theme Header volle Breite?

Jetzt mitmachen!