Joomla: 3.8.1
Template: JP-Power

Hallo,

ich habe folgendes Problem... Ich habe den Menüpunkten im Hauptmenü eine "Hover-Farbe" zugewiesen, die bleibt auch aktiv wenn ein Menüpunkt ein Sub-Menü hat und ich dieses besuche. Nun möchte ich aber gern, das ein Menüpunkt beim "hovern" eine andere Farbe erhält und diese auch behält wenn ich in das Sub-Menü wechsle.

Dem Link eine separate Farbe zu gebe ist nicht das Problem... nur das er die Farbe behält wenn ich in das Sub-Menü wechsle (hier springt er auf die Standardfarbe zurück...).

Gibt es hier eine Lösung bzw. wie muss der richtige css-Code hierfür aussehen?

Gruß
Elwood

Hallo,
sie schreiben hier:

die bleibt auch aktiv wenn ein Menüpunkt ein Sub-Menü hat

Das ist doch genau das , was sie wollen? Oder verstehe ich da was falsch?

Wenn sie für jeden Menupunkt eine andere farbe haben möchten, müssen sie dem Menupunkt in Joomla eine css Klasse zuweisen.
Siehe Bild.
Nun müssen sie die CSS Klasse noch dem aktiven Menupunkt zuweisen.

.uk-navbar-nav > li.uk-parent > a.green {
background:#ff0000
}

Das geht aber nicht, wenn sie eine Überschrift als Menu haben. Hierfür muss das Hauptmenu einen System Link > Url > #
haben.

Ja die Farbe soll aktiv bleiben nur mit der neuen Farbe und nicht die für das Menü vergebene Farbe..

Bsp: Beim hovern wird der Menülink blau anstatt wie alle anderen rot. Sobald ich aber in das aufgehende Untermenü gehe wird der Link wieder rot anstatt blau zu bleiben...

Anbei nochmal 2 Bilder die das Problem schildern...

Genau das geht mit dem "Link CSS Style", siehe Bild oben.
Nun müssen sie sich nur noch die anderen navbar CSS Klassen mit dem Dev Tool heraussuchen

Ok... hab ich schon getestet... Steh grad bissl auf dem Schlauch. Welche Klassen brauch ich noch, damit der Link erst beim hovern die Farbe verändert und behält solange ich im Submenü bin...