Menu items not being highlited when on categories

  • 13thJoerg



    This is a problem i’ve had from the begining but didn’t have a chance to bring it up until now. It looks like only the pages “Home” & “About” menu items stays highlighted when on the pages and categories do not stay highlighted… Is this because i am using a custom menu or something else?

    I have the following:

    1. Home (page)

    2. About (page)

    3. Category 1 (category)

    4. Category 2 (category)

    5. etc…



    Syahir Hakim


    This is another CSS styling bug. I targeted the .current_page_item CSS class for highlighting instead of .current-menu-item.




    Cool, so that will be released in next update right?

    And thank you!!!


    Syahir Hakim


    Yep, will be available in the next update.



    I have V1.1 and it seems the itch is still there. Can’t find any .current_page_item in the CSS, where do I have to add what? Please help!


    Syahir Hakim


    I have just tested this again and it seems to work just fine. The category menu item is being highlighted when viewed. Can you describe further the problem you’re having?



    I don’t know if this will solve the original poster’s problem, but I did find some small typos in style.css. In the styling area for the menu id, all classe names should contain dashes rather than underscores. If you replace the relevant section in your current style.css file with the following, it might take care of the problem!

    /* start css code
    #menu li a:hover, #menu li:hover a, #menu li:hover a:visited, #menu li a:hover, #menu li.sfhover a, #menu li.sfhover a:visited, #menu li.current-menu-item a, #menu li.current-page-ancestor a, #menu li.current-category-ancestor a, #menu li.current-menu-parent a, #menu li.current-menu-ancestor a, #menu li.current-page-parent a, #menu li.current-menu-item a:visited, #menu li.current_page_ancestor a:visited, #menu li.current-category-ancestor a:visited, #menu li.current-menu-parent a:visited, #menu li.current-menu-ancestor a:visited, #menu li.current_page_parent a:visited{
    #menu li:hover, #menu li.sfhover, #menu li.current-menu-item, #menu li.current-page-ancestor, #menu li.current-category-ancestor, #menu li.current-menu-parent, #menu li.current-menu-ancestor, #menu li.current-page-parent{


    Syahir Hakim


    I don’t think it’s a type. The classes that wordpress apply to the current menu items does vary – some classes use underscores and others use dashes. The .current_page_item for example uses underscores whereas .current-menu-item uses dashes.

    In any case, this issue has been fixed in the latest update (1.1.2)

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

  • You must be logged in to reply to this topic.
Graphene Themes Forum