Wie kann ich das Submenü über die gesamte Breite laufen lassen?

    Ich möchte mein Dropdown-Menü beim Zuki Theme von Elmastudio gerne über die gesamte Breite laufen lassen.
    Leider weiss ich nicht wo ich im css ansetzen muss.


    Ich würde mich freuen wenn irgendjemand eine Lösung hat.


    Als Beispiel wie ich es meine habe ich im Anhang ein Skribble erstellt. Navi 1 soll das Hauptmenü darstellen, Navi 2 das Dropdownmenü. Ich habe auch eine Seite gefunden bei der es so ist wie ich mir das vorstelle: http://www.schwaebische.de – allerdings will ich nicht die aktuellen Artikel im Menü haben sondern eben nur Menüpunkte.

    Danke schonmal für alle Hilfe die ich von euch bekomme :-)

    • 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

    Versuch mal das

    CSS
    #site-nav ul li{position:initial !important;}
ul.sub-menu{background-color:#ccc !important;}
.sub-menu li{float:left;}


    Ist jetzt nur mal auf die Schnelle zusammengeschustert. Also vorher ein Backup der style.css machen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Danke SirEctor,

    das war es leider nicht :-(

    Anbei mal der Code vom Menü. Ich hab die Seite leider lokal gespeichert, sonst könnte ich Euch auch den Link geben.


    /* --- Main Menu --- */
    #site-nav {
    display: block;
    clear: both;
    padding: 0;
    }
    #site-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    }
    #site-nav ul li {
    display: block;
    margin: 0;
    padding: 15px 0;
    /*border-bottom: 1px solid #ededed;*/
    }
    #site-nav ul li.menu-item-has-children,
    #site-nav ul li.page_item_has_children {
    border-bottom: none;
    padding-bottom: 0;
    }
    #site-nav ul ul.sub-menu,
    #site-nav ul ul.children {
    display: block;
    margin: 15px 0 0 0;
    padding: 0;
    /*border-top: 1px solid #ededed;*/
    }
    #site-nav ul li a {
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.35;
    }
    #site-nav ul li li {
    padding: 10px 0;
    }
    #site-nav ul li li a {
    font-size: 14px;
    font-size: 0.875rem;
    }


    DANKE DANKE DANKE ;-D

    Ich habs an der Demo getestet. Sollte so funktionieren. Mehr kann ich nicht machen, da das Theme kostenpflichtig ist.

    Da wir das bei dir nicht live sehen können, kann ich dir nicht weiter helfen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    ach du kannst noch folgendes ergänzen:

    CSS
    ul.sub-menu{background-color:#ccc !important; width:100%;}

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden