Active menu state when on blog posts

[laucocos]

On my website, I have active state that puts a line under the relevant item on the menu when that page is active. This works fine on all the pages, including the blog page https://staging2.staging.inspiratti.com/blog-page-grid/

However, I want to make it so that the ‘Blog’ menu item to be marked active any time someone is on a blog article, category page, etc. e.g. https://staging2.staging.inspiratti.com/why-social-media-is-like-going-to-the-gym/327/

I added the following code to functions.php but it has no affect.

function be_menu_item_classes( $classes, $item, $args ) {
if( 'header' !== $args->theme_location )
return $classes;
if( ( is_singular( 'post' ) || is_category() || is_tag() ) && 'Blog' == $item->title )
$classes[] = 'current-menu-item';

return array_unique( $classes );
}
add_filter( 'nav_menu_css_class', 'be_menu_item_classes', 10, 3 );

https://staging2.staging.inspiratti.com/blog-page-grid/

[Victor Font]

The code you are using is designed to work with a menu in the header location. Without seeing how your menu locations are defined, the code is probably wrong for your site. Change the word "header" to the location of your target menu and it should work.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[laucocos]

Thanks for your response. I'm not sure how to find this out. In the style.css file there is reference to .site-header - could that work?

I'm using the Infinity Pro theme as a basis. Do you now if the menu is set up differently, and if so how?

[Author]

Posts