Active State for Blog Menu Item for Individual Blog Posts

[brettatkin]

On the following site, when you visit this page (the main blog page), the 'Blog' menu item has an 'active' background color.

http://brettatkin.com/blog/

When you visit an individual post, you lose the 'active' state for the 'Blog' menu item.

http://brettatkin.com/blog/the-web-apps-i-use/

Now, I added the follow CSS to fix this issue for parent/child pages.

.current-page-ancestor > a {
background-color: #3B6E8F;
}

Looking at the code, WP isn't adding a .current-page-ancestor class to the main blog menu item when on individual blog page. It's not adding any special classes at all. I have the following for a custom permalink structure:

/blog/%postname%/

On non-Genesis sites I've created, I haven't had this problem. .current_page_parent is getting added to the main blog menu item. For example:

http://www.juliewinklegiulioni.com/blog/leadership-matters/plaques-and-platitudes-can-lead-to-paralysis/

Is this an issue with Genesis, or something I missed?

Thanks

[efuller]

Try adding this code to your functions.php

function add_custom_class($classes=array(), $menu_item=false) {
    if ( !is_page() && 'Blog' == $menu_item->title && 
            !in_array( 'current-menu-item', $classes ) ) {
        $classes[] = 'current-menu-item';        
    }                    
    return $classes;
}
add_filter('nav_menu_css_class', 'add_custom_class', 100, 2); 

---

I am a web developer

[brettatkin]

Thanks, this worked with one modification. I had to add the following to the if statement because the Blog link was active on the home page.

!is_home()

Shouldn't this be happening automatically though?

[efuller]

I do not believe this is the default behavior of the Genesis navigation. It will highlight active pages, but not pages that belong to a specific category.

---

I am a web developer

[Author]

Posts