Menupunkte unterstrichen

    Hallo
    Ich bin WP Anfängerin und möchte gerne das Menu (horizontal) fix mit dünnen Linien unterstrichen haben.

    Bei Hover und Activ soll der jeweilige Menupunkt fett werden und die dünne Linie darunter ebenfalls fett.
    Für den fetten Text und die fette Linie habe ich eine Lösung gefunden aber für die feinen Linien, die fix sein sollten leider noch nicht. Ich arbeite mit Elementor und kann im "Elementor Header & Footer Builder" CSS einfügen.

    Hier der Link (und siehe Bild im Anhang)
    http://neu.hold.design

    Für die Schrift habe ich bereits das reinkopiert:
    .current-menu-item a {font-weight:700 !important;}
    .menu-item a:hover {font-weight:700 !important;}

    Kann mir da jemand behilflich sein?
    Gibt es da eine CSS Lösung?

    • Gerade eben
    • Anzeige

    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

    Sowas hier wäre eine CSS Lösung:

    Code
    .elementor-page .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted)::after {
   height: 1px;
   opacity: 1;
   margin-bottom: 5px;
}

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden