How to Add Menu description in Genesis Framework

Genesis is no doubt one of the favorite and fast loading WordPress theme Framework. Few days back I shifted my blog to genesis Framework because of its fast loading time.

Read The Article Here : Finally I Shifted My Blog to Genesis Framework

The little issue I was having that I wanted to have the same menu bar as in my previous Woothemes. So I started finding code on the internet so that I can have the menu bar with description and I spent almost 5-6 hours to Add Menu description in Genesis and here is the output.

Why I wanted to have Menu Description ?

From menu description your visitor can have clear impression that what this category denote and what kind of stuff he will find in this category. As you can see my categories I have mentioned little description about them what they are all about.

How to add Description ?

To add the description for the categories you will have to go to

post > categories

description1 How to Add Menu description in Genesis Framework

Now you can add the relevant category here and it will be shown when you will add the piece of the code in your file.

Note : don’t add too much long description. be crisp and clear to express the meaning of your category.

 Demo

genesis menu description How to Add Menu description in Genesis Framework

Use this code to Add Menu description in Genesis

Open your function.php file and add the following code in it.

/** Menu Description **/
function be_add_description( $item_output, $item ) {
$description = $item->post_content;
if (' ' !== $description )
return preg_replace( '/(<a.*?>[^<]*?)</', '$1' . '<h5>' . $description . '</h5>
<', $item_output);
else
return $item_output;
}
add_filter( 'walker_nav_menu_start_el', 'be_add_description', 10, 2 );

Note : Take backup of your function.php before doing any changed because there might be the case that you will place the code on wrong place and all the file will mess up.

I hope you will able now to Add Menu description in Genesis Framework but You can contact me if you have any issue while placing the code in your function.php file I would love to do help you.

bh 620x203 01 How to Add Menu description in Genesis Framework

Blogging Domination Guide

If you are looking what is blogging and how you can make money through it.

Download our FREE book to know more about Blogging.

and know How to start blogging and make $$$ every month

In this book you will learn...

  • What is blogging and how to start it?
  • How to Setup your first blog on WordPress?
  • How to Monetize your blog again and again?
  • From where to get the inspiration?

Download our FREE Guide

I take your privacy very seriously

About Kulwant Nagi

Kulwant Nagi is the owner of this blog and belongs from Fatehabad, Haryana, India. He is having knowledge about HTML, PHP and CSS. He is fun loving guy and in his Free time he keeps playing with WordPress and maintaining his other blogs. Before coming into blogging he was working ASIC verification engineer.

BloggingCage Comment Policy: Your words must be your own, so try to be as nice and helpful you can be. So Please, only use your actual name and limit the amount of links that You submitted in your comment. We accept clean XHTML in comments, but don't overdo it please. No Spamming ( Read Our Comment Policy)

The Discussion

  1. Can I use this menu on Thesis Theme too?

  2. so finally .. someone has posted the article that I’ve been looking for. thanks

  3. Mukesh says:

    how can use in theme …………………….

  4. Finally , i got what i want thanks for your article bro , now i should say yoy Haryana Kah Sher :) .

  5. Your idea is nice , I want to ask you to add a little tweak with this: I want to show menu description after mouse over on the menu (as a tool tip) instead as it started displaying directly for each menu item in this case. Is that possible? If yes then Please share with us. :)
    Tushar Thakur recently posted..Solutions: Gmail retired the sender’s Time zone from Labs – alternativesMy Profile

  6. I am searching for it since 2 days. Now I think my search has been stopped from now after reading your post. That’s really informative for me as well as my blog.
    Ashwani Ahlawat recently posted..Top 4 Killing SEO Mistakes that an Expert Can Commit UnintentionallyMy Profile

  7. hi Kulwant Nagi i have some problem with theme how to change logo there is any opection

Start The Discussion

*

CommentLuv badge

 Subscribe to My Newsletter