Use "Description" (advanced menu properties) in main menu?

[kennethfeldman]

Hi Jason,

Is there a way to activate/use the description property in the main menu, to make a smaller second row of text in the menu titles?

Like…

ABOUT
about this company

PRODUCTS
our selection of things

Thank you in advance for your reply.

Topic

[Jason Bobich]

Hello,

There’s a few ways to do this, but I think the easiest way is just to filter onto “walker_nav_menu_start_el” — which is a WordPress filter across all nav menu elements.

function my_nav_menu_start_el( $item_output, $item ) {

	// Description will be at $item->post_content within current $item object
	// For example:
	if ( $item->post_content ) { 
		$item_output .= sprintf( '<span class="desc">%s</span>', $item->post_content );
	}

	return $item_output;
}
add_filter( 'walker_nav_menu_start_el', 'my_nav_menu_start_el', 10, 2 );

From there, you’re then just mainly dealing with the CSS to style it to fit. It’ll probably look a bit wonky at first.

[kennethfeldman]

Super! I’ll check this out in the AM.

Thanks!

[Author]

Replies