Current Navigational Highlighting #2

[mintertweed]

My previous thread is a bit convoluted due to my ramblings. I heavily thank @AlenAbdula and @TheDoc for their wonderful help though. With @AlenAbdula’s suggestion, I added theme support for menus in Starkers v4.0 and then I promptly placed my menu in my header.php file. To see a current version of my code, visit this CodePen. You will notice something though if you look at the code closely. “Shop” should be highlighted, because it is the only page with a class of current-menu-item and I specifically call out that class in my CSS with this:

.current-menu-item {
color: #FFFEF2;
}

This should highlight “Shop” in particular. Or any page that has that class. So, my question is, how do I fix it? @AlenAbdula has a working CodePen, here, using the same method. What am I doing wrong? Thank you in advance!

[amyth91]

Try this.

.current-menu-item a {
color:#FFFEF2 !important
}

[Senff]

No need to use !important (which I personally try to avoid like the plague if I can help it) if you use this line:

.menu-navigation-container ul li.current-menu-item a {
color:#FFFEF2;
}

[Alen]

Glad everything is working for ya. Is this ready to be marked as solved once and for all :)

[Author]

Posts