Menu items not being highlited when on categories

  • 13thJoerg

    #147

    Hi,

    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…

    Thanks!

    Admin

    Syahir Hakim

    #11383

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

    Fixed.

    istrategy

    #11384

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

    And thank you!!!

    Admin

    Syahir Hakim

    #11385

    Yep, will be available in the next update.

    TheGent

    #11386

    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!

    Admin

    Syahir Hakim

    #11387

    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?

    Saill

    #11388

    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{
    color:#000;
    }
    #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{

    */
    Admin

    Syahir Hakim

    #11389

    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.