Navigation, BlogPost and Masonry

Hey claudipro,

Please check now, edited the page settings let us know if this works.

Best regards,
Basilis

Hi,

Thank you for the update.

Add this filter in the functions.php file to adjust the classes of the menu items based on the post category.

/**
 * Filter the CSS class for a nav menu based on a condition.
 *
 * @param array  $classes The CSS classes that are applied to the menu item's
 	<li> element.
 * @param object $item    The current menu item.
 * @return array (maybe) modified nav menu class.
 */
function wpdocs_special_nav_class( $classes, $item ) {
	global $post;
	$have = array();
	$categories = get_the_category( $post->ID );

	if($categories) {
		foreach($categories as $key => $category) {
			$have[] = $category->slug;
		}
	}	

	if(is_single() && in_array('resources', $have)) {
		if ( 'Resources' == $item->title ) {
			$classes[] = "current-menu-item";
		}

		if ( 'News' == $item->title ) {
			unset($classes['current-menu-item']);
		}
	}

    return $classes;
}
add_filter( 'nav_menu_css_class' , 'wpdocs_special_nav_class' , 10, 2 );

This will only work for posts with the category “resources”.

Best regards,
Ismael

Hi,

Thank you for the update.

We would like to test the snippet, but the login credentials above are invalid. Please the info carefully and make sure that the Appearance > Editor panel is accessible so that we can edit the files when necessary.

Best regards,
Ismael

Hi,

Thank you for the update.

We modified the code a bit. We also added another script that deactivates the “news” menu item when a resources post item is currently being viewed.

Best regards,
Ismael

Hi Claudia,

It is in functions.php file in the child theme, yes.

Glad we could help :)

If you need further assistance please let us know.
Best regards,
Victoria