Support » Themes » Navigationsleiste – woher kommt der Abstand des Submenüs?

  • Gelöst rhasselbusch

    (@rhasselbusch)


    Hallo zusammen,

    Seite: https://www.dirtypath.com
    Theme: Baskerville (https://de.wordpress.org/themes/baskerville) + Child Theme

    Mir wurde gestern schon bezüglich der Höhe einer Navigationsleiste weitergeholfen:
    https://de.wordpress.org/support/topic/hoehe-der-navigationsleiste-anpassen/

    Nachdem das anpassen der Höhe geklappt hat, hatten die Untermenüs einen Abstand zur Navigationsleiste, diesen habe ich versucht anzupassen und zum Teil klappt dies auch, es bleibt aber ein letzter Abstand von wenigen Pixeln bestehen.

    Folgendes habe ich über das Child Theme probiert:

    /*
     Theme Name:   DirtyPath
     Description:  Auf Baskerville basierendes Theme für DirtyPath
     Author:       Rolf Hasselbusch
     Author URI:   https://www.dirtypath.com
     Template:     baskerville
     Version:      1.0
     Text Domain:  dirtypath
    */
    
    /* Deaktivieren der Abdunkelung des Header Bildes */
    .header .cover {
        background: none;
    }
    
    /*Logo: Ausrichtung links*/
    .header .blog-logo {
        text-align: left;
    }
    
    /* Anpassen der Höhe der Navigationsleiste und der Schriftgröße */
    .main-menu > li > a {
        padding: 15px;
        font-size: 0.8em;
    }
    
    /* Anpassen der Position der Submenüs */
    .main-menu > li > ul {
        padding-top: 0px;
    }
    
    /* "Dreieck"-Box an neue Navigationsleistenhöhe anpassen */
    .main-menu > li > ul:before {
        margin-top: -26px;
    }
    
    /* Anpassen der Eigenschaften der Such-Schaltfläche */
    .search-toggle {
        width: 34px;
        height: 34px;
        margin-top: 5px;
        background-size: 15px auto;
    }

    Die Position der „Dreieck“-Box konnte ich genau festlegen (Pseudo Element: .main-menu > li > ul:before).
    Die Position des Submenüs .main-menu > li > ul ließ sich per:

    .main-menu > li > ul {
        padding-top: 0px;
    }

    leider nicht gänzlich an die Navigationsleiste heranführen und die Angabe eines negativen Wertes für padding-top funktioniert nicht.

    Ich habe über die Web Developer Tools schon versucht mir per Outline anzeigen zu lassen welches Element diesen Abstand verursacht, bin aber nicht fündig geworden.

    Hat jemand einen Tipp für mich wo dieser letzte Abstand herkommt?

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

    (@zodiac1978)

    Versuche es mal hiermit:

    .main-menu li:hover > ul {
        top: 43px;
    }

    (Aktuell ist es 48 Pixel, danach 5 Pixel weniger und schließt dann direkt ab.)

    Gruß, Torsten

    Thread-Starter rhasselbusch

    (@rhasselbusch)

    Vielen Dank Torsten, das hat perfekt geklappt! 😀

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Das Thema „Navigationsleiste – woher kommt der Abstand des Submenüs?“ ist für neue Antworten geschlossen.