• Hallo zusammen

    ich hoffe hier richtig zu sein. Ich habe die pflege der Website meines Arbeitgebers übernommen und ich möchte gerne den Abstand des Untermenus eines Dropdownmenus verringern, da das Dropdown durch den zu großen Abstand verschwindet.

    Hier einmal der Link zur HP : https://www.kim-paderborn.de/

    Es geht um das Menu "Über uns"- "service" etc.

    Wie kann ich mein vorhaben bewerkstelligen?
    In Wordpress finde ich verschiedenste CSS Dateien, aber bisher konnte ich keine Struktur finden, die ein Dropdown menu herstellt. Ich hoffe ihr habt eine Idee wie ich herausfinden kann welche CSS Datei ich wie und wo bearbeiten muss.

    Vielen Dank schonmal für eure Hilfe!

    • 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

  • und ich möchte gerne den Abstand des Untermenus eines Dropdownmenus verringern


    findest du in der style.css ab Zeile 1578

    Code
    .main-navigation li ul li a {
       line-height: X;

    X mit einer Zahl, z.B. 1 ergänzen. Evt. ein Child-Theme in Betracht ziehen.
    LG B-52

  • Danke für die schnelle Antwort!

    Leider ist das nicht die Lösung ....

    Mein Problem besteht darin, dass per Hover das Menu aufgeklappt wird, aber wenn ich mit der Maus in das Untermenu gehen möchte verschwindet es.

  • bei selfhtml.org habe ich diesen Code gefunden, habe aber keine Ahnung wie bzw wo ich ihn einbauen könnte (und ob er überhaupt wirklich passend wäre)

    nav li:focus-within .submenu {
    visibility: visible;
    height: auto;
    }

  • Ich habe es geschafft. Dank deinem Hinweis wo ich den Code finden kann habe ich diesen Code ausfindig gemacht

    .main-navigation ul li:hover > ul {
    border-left: 0;
    display: block;
    }

    dort habe ich durch herumprobieren nun "margin-top: -15px;" ergänzt. Dadurch ist das Untermenu soweit hinaufgerutscht, dass die Maus nun direkt in das Rollup fährt und dieses nun nicht mehr schließt.

    Nochmal vielen Dank für den Hinweis !

Jetzt mitmachen!

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