Untermenü einrücken

Ich habe den unterstehenden Code für Protostar vor einiger Zeit gefunden. Jetzt habe ich (auch hier im Menü) eine Alternative:

DJ-Megamenu (einfach mal googeln!)

Damit lässt sich das Einrücken für den Besucher darstellen und das Menü wird übersichtlicher.

Die folgenden Einstellungen funktionieren aber auch (noch) - im Jahr 2020.
In der Datei /templates/protostar/template.css unter

#aside .nav .nav-child {
border-left: 2px solid #ddd;
padding-left: 5px;
}

folgende Zeilen einfügen. Dann wird das Untermenü eingerückt und die ausgewählten Menüpunkte fett. Die Pixel können natürlich individuell verändert werden .

ul.nav-child a:link {
color: #fgfgfg; (blau) #7ba428 (grün)
padding-left: 30px;
}
ul.nav-child li.active {
color: #fgfgfg;
padding-left: 30px;
font-weight: bold;
}
ul.nav li.active a {
color: #fgfgfg;
padding-left: 30px;
}