Support » Themes » Header linksbündig ausrichten mit Nirvana

  • Gelöst cmdstock11

    (@cmdstock11)


    Liebes WordPress-Forum,

    ich würde gerne den Header der verlinkten Webseite links bündig positionieren. Ich habe schon verschiedene Änderungen im CSS von Nirvana probiert, leider scheint das Theme das zu ignorieren bzw ich habe nicht alles richtig geändert. Gibt es eine Möglichkeit, alle Anweisungen die den Header betreffen zu überschreiben, sodass das Bild des Headers links mit dem Inhalt der Seite bündig ist? Ich möchte es ungerne über die Breite des Headers machen, da die mobile Version dann sehr unschön aussieht…

    Vielen Dank für eure Hilfe

    Anton

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 11 Antworten - 1 bis 11 (von insgesamt 11)
  • #header {
     max-width: 1240px;
    }
    #header-full {
       background-color: #007f7e;
    }
    Thread-Starter cmdstock11

    (@cmdstock11)

    Hi, vielen Dank erstmal für die Hilfe! Leider wird mit max-width nur die Breite des Menüs und die des Headers verändert, ansonsten passiert nichts… gibt es irgendeine Möglichkeit, nur das Bild aus dem Header nach links zu verschieben? Der Rest wird über die Hintergrundfarbe des Headers erledigt.

    • Diese Antwort wurde geändert vor 3 Jahren, 9 Monaten von cmdstock11.

    Hast du deinen Browser-Cache geleert?

    Thread-Starter cmdstock11

    (@cmdstock11)

    kurze Ergänzung: Ich habe es jetzt gelöst, indem ich den Header komplett als Bilddatei realisiere und nicht als Bilddatei auf definiertem Hintergrund. Falls es eine elegantere Lösung gibt, die sich auch mit der mobilen Ansicht besser verträgt, gerne her damit 🙂

    Thread-Starter cmdstock11

    (@cmdstock11)

    ah, das leeren des Cache hat jetzt tatsächlich noch eine Veränderung gebracht, DANKE!. Leider endet der dunkelgraue Menübalken jetzt rechts und links, könnte man das noch irgendwie ändern?

    Ups, darauf habe ich nicht geachtet. War der graue Balken komplett auf 100%?
    Wenn ja, dann passt meine Lösung nicht.

    • Diese Antwort wurde geändert vor 3 Jahren, 9 Monaten von bscu.
    Thread-Starter cmdstock11

    (@cmdstock11)

    ja genau, der soll von links nach rechts durchgängig sein, also genau so breit wie der „Hintergrund“ des Headers (über die gesamte Breite der Seite). 🙂

    • Diese Antwort wurde geändert vor 3 Jahren, 9 Monaten von cmdstock11.

    kurze Ergänzung: Ich habe es jetzt gelöst …

    @cmdstock11 Könntest du den Thread dann bitte noch als „gelöst“ markieren?
    Oder ist noch eine Frage offen?

    Wenn’s richtig läuft, es funktioniert,
    werden Themen als „gelöst“ markiert,
    damit auch alle in der Runde wissen,
    dass sie hier nicht mehr helfen müssen.
    🌻

    Thread-Starter cmdstock11

    (@cmdstock11)

    Es funktioniert leider noch nicht so, wie ich es gerne hätte 🙁 Header und Menü sollen die Seite vollständig ausfüllen.

    Du kannst die CSS-Regel #header { max-width: 1240px; } wieder rausnehmen, dann laufen Headerbild und Navigationsmenü über die komplette Breite. Für das Header-Bild würde ich die CSS-Regel dann noch mit einem Wert für die Margin ergänzen:

    #branding, #bg_image {
        height: auto;
        max-width: 100%;
        min-height: inherit !important;
        margin-left: 20px;
    }

    Eine gute Einführung in CSS findest du z.B. beim Mozilla Developer Network.

    Thread-Starter cmdstock11

    (@cmdstock11)

    Das hat mir geholfen, danke euch beiden für die Hilfe!

    • Diese Antwort wurde geändert vor 3 Jahren, 9 Monaten von cmdstock11.
Ansicht von 11 Antworten - 1 bis 11 (von insgesamt 11)
  • Das Thema „Header linksbündig ausrichten mit Nirvana“ ist für neue Antworten geschlossen.