[FONT=Helvetica]Hallo liebe Mitglieder,[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica]ich schreibe aktuell ein eigenes Theme und habe Probleme mit meinem Dropdown Menü. Das Problem ist, dass ich nicht weiß sie man das sekundäre Menü einblenden lassen kann sobald man mit der Maus über den entsprechenden Menüpunkt fährt. Das Menü habe ich folgendermaßen eingebunden (natürlich habe ich das Menü in der functions.php „registriert“)[/FONT]
[FONT=Helvetica]
[/FONT]
<div id="menu" class="outer_wrapper">
<div id="menu" class="inner_wrapper">
<?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'container_class' => 'header_menu') ); ?>
</div>
</div>
[FONT=Helvetica]
Mein CSS Code dazu sieht folgendermaßen aus:[/FONT]
[FONT=Helvetica]
[/FONT]
#menu {
background: #009fe3;
height: auto;
}
.header_menu {
font-size: 20px;
}
.header_menu ul{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #009fe3;
}
.header_menu li {
float: left;
}
.header_menu li a {
display: inline-block;
color: white;
text-align: center;
padding: 13px 16px;
text-decoration: none;
}
.header_menu li li {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.header_menu li li a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.header_menu li a:hover {
background-color: #0097e3;
}[FONT=Helvetica]
[/FONT]
[FONT=Helvetica]Nun dachte ich man könnte mit folgendem Code das sekundäre Menü einblenden lassen wenn die Maus über den entsprechenden Menüpunkt fährt. Allerdings funktioniert dies nicht.[/FONT]
[FONT=Helvetica]
[/FONT]
.header_menu li a:hover .header_menu li li {
display: block;
}[FONT=Helvetica]
[/FONT]
[FONT=Helvetica]Ich hoffe Ihr könnt mir helfen und wisst was ich falsch gemacht habe! Ich freue mich über jede Antwort und bedanke mich sehr im Voraus![/FONT]