Tutorial: How To Add Menu Descriptions To Beaver Builder Theme Nav

BB Theme
1

Hey Guys,

Here’s the next advanced tutorial from my training for the benefit of you guys here who might be looking to accomplish some of the same things that I was.

In this short tutorial I cover how you can adjust the beaver builder navigation template parts so that you can display menu descriptions.

Watch Video Tutorial

And Here is a link to download the child theme file with all the code already in place.

2

thanks! looks great.

3

Thanks for the Video’s Richard - enjoyed watching them…
One request? Can you increase the font size in your editor - it’s a bit tricky to read.
and what is the editor you are using ?
Kind regards, Dave

4

Hey Dave. I’ve included all the code in the download files. Sorry the font is too small, but you shouldn’t need to copy anything from the actual videos.

I’m using coda 2 on Mac for the editor.

5

Thanks Richard, yep that is very true…
all the best, Dave

6

Instead of editing the 3 includes to include your walker, you could include this in your functions.php

function add_header_menu_walker( $args ) {
	if($args['theme_location'] == 'header') {
    return array_merge( $args, array(
        'walker' => new Menu_With_Description
    ) );
  }
  return $args;
}
add_filter( 'wp_nav_menu_args', 'add_header_menu_walker' );
7

Hey Richard! Thanks so much for sharing these. I just checked out the Banner Header video too. Nice work.

8

@Josh - Thanks. I’ll test the code on my site and probably update it. That’s much simpler.

@Robby - Thanks! Just figured other people would want to accomplish the same things I did.