Forums

  • # March 17, 2013 at 5:58 pm

    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!

    # March 17, 2013 at 9:15 pm

    Try this.

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

    # March 17, 2013 at 9:57 pm

    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;
    }

    # March 25, 2013 at 3:12 pm

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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag