Hallo
Ich habe nun in den letzten 2 Wochen das komplette Forum durchsucht und alles nur Mögliche ausprobiert. Leider erfolglos..
Meine Kundin möchte eine Navigation, bei der jeder Menupunkt (Standardfarbe = grau) inkl. Untermenupunkt beim :hover in einer anderen Farbe erscheint. Das habe ich hinbekommen, indem ich für jedes Menu-item eine eigene css-Klasse erstellt habe.
Nun soll aber bei einem :hover über einem Untermenüpunkt der Hauptmenüpunkt in der ausgewählten Farbe bleiben (bei mir wird er wieder grau). Zudem soll das Untermenü (in der farbigen Farbe) stehen bleiben, wenn die Seite aufgerufen wurde.
Mein CSS-Code für einen Hauptmenupunkt und einen Untermenupunkt lautet im Augenblick:
/*Menupunkt Personal Coaching*/
#branding #mainnav .menu-item-22 {
color:#787878;
font-weight:normal;
padding-right:17px;
}
#branding #mainnav .menu-item-22 a:hover, a:active {
font-style:italic;
font-weight:bold;
color:#a5cd28;
}
#branding #mainnav .menu-item-22 ul li a {
display:block;
font-style:italic;
color:#a5cd28;
font-family: Calibri;
font-size: 17px;
text-transform: none;
text-decoration:none;
}
#branding #mainnav .menu-item-22 ul li a:hover, a:active {
font-weight:bold;
}
#branding #mainnav .menu-item-31 {
padding-right:13px;
}
Was muss ich ergänzen?
Mit
#branding #mainnav ul li.current_page_item > a,
#branding #mainnav ul li.current-menu-ancestor > a,
#branding #mainnav ul li.current-menu-item > a,
#branding #mainnav ul li.current-menu-parent a {
color: #3BA6E4 ! important;
font-weight:bold;
}
erreiche ich zwar, dass der aktuelle Hauptmenupunkt in einer Farbe erscheint - allerdings eben alle ausgewählten in der gleichen (hier blau) und nicht in der gewollten.
Zudem verschwindet der Untermenüpunkt trotzdem wieder...
Kann mir jemand helfen???