Höhe der Navigationsleiste anpassen

  • Gelöst rhasselbusch

    (@rhasselbusch)


    vor 7 Jahren, 8 Monaten

    Hi zusammen,

    ich spiele gerade mit einem neuen Theme herum welches mir ziemlich gut gefällt, die Navigationsleiste ist mir allerdings zu hoch und ich finde keine CSS Eigenschaft die diese festlegt.

    Seite: https://www.dirtypath.com
    Theme: Baskerville, verwendet über selbst erstelltes Child Theme (https://de.wordpress.org/themes/baskerville/)

    Der Container der das Menü enthält müsste folgender sein:

    <div class="navigation section no-padding bg-dark">

    Schaue ich mir diese Klassen im Stylesheet an finde ich aber keine Angabe der Höhe (68px) oder Werte für Margin/Padding die ich testweise anpassen könnte.
    Im Child Theme sind bisher nur zwei Anpassungen aktiv, diese sollten aber nicht stören:

    .header .cover {
    background: none;
}

.header .blog-logo {
    text-align: left;
}

    Hat jemand von den Profis hier einen Tipp für mich wie ich meinem Ziel näherkomme die Navigationsleiste in der Höhe zu reduzieren?

    Schon jetzt vielen Dank fürs lesen und jeden Tipp oder Trick den Ihr für mich habt!

    Gruß
    Rolle

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 7 Jahren, 8 Monaten

    Das setzt sich aus zwei Dingen zusammen.

    Das Such-Icon: .search-toggle
    Hier ist die Höhe mit 68 Pixel exakt gesetzt.

    Links der Menüpunkte: .main-menu > li > a
    Hier ist das Padding mit 27 Pixel (nach oben und unten + Zeilenhöhe) dafür zuständig.

    Wenn du an diesen Stellschrauben drehst, wird die Navi weniger hoch.

    Aufgepasst: Die Submenüs sitzen dann vielleicht zu weit unten.

    Das kannst du mit .main-menu li ul anpassen und dort den Wert von top auf einen entsprechend kleineren Wert stellen (aktuell 38 Pixel).

    Gruß, Torsten

    Thread-Starter rhasselbusch

    (@rhasselbusch)

    vor 7 Jahren, 8 Monaten

    Hi Torsten,

    vielen Dank! Nach ein bisschen rumprobieren hat jetzt alles geklappt! 😀

    Ich versuche jetzt noch die Sidebar auf die Startseite einzubinden und dann bin ich eigentlich fertig, wenn davon also noch ein Post folgt war ich nicht erfolgreich 😉

    Viele Grüße
    Rolle

    • Diese Antwort wurde geändert vor 7 Jahren, 8 Monaten von rhasselbusch.
Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Thema „Höhe der Navigationsleiste anpassen“ ist für neue Antworten geschlossen.