Seitenbreite 100% (Dawn Theme)

Hallo,

ich benutze das DAWN Theme und versuche gerade, dass die volle breite für die Desktopansicht benutzt wird.

mrserious_0-1692727273618.png

Ich habe links und rechts noch einen Abstand, den ich nicht weg bekomme… Bitte um Hilfe.

Folgend meine aktuellen Einstellungen im Layout:

Hey @mrserious

Wie im anderen Fall, bei so einem Fall wäre ein befristeter Vorschaulink zu einem Beispiel sehr hilfreich das schneller zu analysieren. Da können wir z. B. mit dem zuvor genannten Chrome Developer Console Tool mit einem REchtsklick das Padding und CSS besser analysieren.

Ich gebe dir aber aber jetzt eine generelle Anleitung wie in unseren parallel-Gespräche.

Wenn du den Abstand oder das Margin auf der linken und rechten Seite deines Headers in der Desktopansicht entfernen möchtest, um die volle Breite zu nutzen, kannst du das mit benutzerdefiniertem CSS erreichen. Hier ist, wie du vorgehen kannst:

  1. Identifiziere das Header-Element: Verwende die Entwicklertools deines Browsers, um das Hauptelement deines Headers zu identifizieren. Dies könnte ein <header>-Tag oder eine spezielle Klasse sein, die den Header umschließt.

  2. Füge benutzerdefinierten CSS hinzu: Nachdem du das Header-Element identifiziert hast, füge benutzerdefinierten CSS-Code hinzu, um den Abstand auf der linken und rechten Seite zu entfernen und die volle Breite zu nutzen.

    Hier ist ein Beispiel, wie du das machen könntest:

/* Angenommen, dein Header hat die Klasse "site-header" */
.site-header {
    margin-left: 0;    /* Entfernt den linken Abstand */
    margin-right: 0;   /* Entfernt den rechten Abstand */
    width: 100%;       /* Nutzt die volle Breite */
    /* Weitere Stile hier */
}

Bitte denke daran, dass die genauen Details von der Struktur deiner Website und den verwendeten Klassen abhängen können. Wenn du weitere Schwierigkeiten hast dann kann ich gerne einen Experten empfehlen der einen tieferen :eyes: in dein Dawn Code werfen kann.

1 Like

Werde ich zukünftig so machen. Danke!

Gerne! :wink: