CSS für jedes individuelles Menü erstellen

leon123456

Ich habe zwei individuelle Menüs einmal

wp_nav_menu( array('menu' => 'header_oben' ) ); und

wp_nav_menu( array('menu' => 'header_unten' ) );

und wollte ich jedes einzelne in der CSS seperate Einstellungen vornehmen.

wenn ich das hier mache

.menu li {
list-style-type: none;
float: left; margin-right: 10px;
}

verändern sich beide, wie kann ich jedes Menü einzeln ändern?

Danke vorab.

Werbepost

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

ptra

Vermute mal, wenn du spezieller wirst, dann kannst du die Listen einzeln ansprechen.

#header_oben .menu li {
list-style-type: none; float: left; margin-right: 10px;
}

#header_unten .menu li {
list-style-type: irgendwas anderes; float: left; margin-right: 10px;
}

Gruß. Petra ;-)

alchymyth

du kannst zB das argument 'container_id' beim erstellen der nav einsetzen:

beispiel:

PHP

wp_nav_menu( array('menu' => 'header_oben', 'container_id' => 'nav-oben' ) );

http://codex.wordpress.org/Function_Reference/wp_nav_menu

dann in der style.css:

Code

#nav-oben .menu li { 
list-style-type: none; 
float: left; margin-right: 10px; 
}

leon123456

Herzlichen Dank, hat geklappt!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

CSS für jedes individuelles Menü erstellen

Jetzt mitmachen!