Template jp-perfect | Menü

Hallo, ich nutze das Template jp-perfect und habe ein Submenu in der Sidebar angelegt, wo auch teilweise Sub-Ebenen untergeordnet sind. Leider funktioniert in den unteren Ebenen der farbige Unterlegung "Hoover" und "Menü aktiv" nicht. Wo oder wie kann ich das einstellen?

jonas-farbenwerke.de/de/gesamtsortiment/nassabriebklasse-2

Besten Gruß

Ich würde es händisch machen.
Folgenden Code in die css/custom.css einfügen
Aktiver Link

li li.uk-active a {color:#FF0000}

Und für den Hover

li li.uk-active a:hover {color:#FF0000}

Das scheint aber bei den Subobjekten leider nicht zu funktionieren, weder der Background der aktiven Position noch der Hoover in der Subebene werden übernommen?

Analysieren sie bitte die Styles.
Hier ein Video wie es funktioniert
www.joomlaplates.de/support/dokumentation/template-bearbeiten

Ich habe mir die CSS angeschaut, was genau muss denn in die custom.css damit das auch für die subebene gütigkeit hat?

.uk-nav-sub > li > a:hover,
.uk-nav-sub > li > a:focus {
background: #60789c;
color: #222222;
/* 2 */
outline: none;
}
/* Active */
.uk-nav-sub > li.uk-active > a {
background: #23375c;
color: #ffffff;
}

Das habe ich in die custom.css eingetragen, aber leider wird es nicht für die subebene übernommen?

.li li.uk-active a {background: #23375c;
color: #ffffff;
}
.li li.uk-active a:hover {background: #60789c;
color: #222222;
}