Remove Title Attribute from WordPress Menu Link

3rd Jan 2011 | Posted by reza | 28 Comments

By default, WordPress menu functions, like wp_page_menu(), wp_nav_menu() or wp_list_categories() display menu links with title attribute. This link title attribute appears as tooltip when a link in the menu is hovered, to give little information about the link. A good thing actually.

But in my recent theme, the attribute and its tooltip disturbed jQuery dropdown menu I created. So I needed to remove the title attribute from the menu.

Here’s the code to remove it from wp_page_menu(), wp_nav_menu() and wp_list_categories() function:

function my_menu_notitle( $menu ){
  return $menu = preg_replace('/ title=\"(.*?)\"/', '', $menu );

}
add_filter( 'wp_nav_menu', 'my_menu_notitle' );
add_filter( 'wp_page_menu', 'my_menu_notitle' );
add_filter( 'wp_list_categories', 'my_menu_notitle' );

Put the code in your theme funtion.php and no more title attribute in the menu.
Thanks to Mark / t31os and inspirationally at WordPress.org

23 Comments to “Remove Title Attribute from WordPress Menu Link”

Add Comments (+)

Vivek Parmar says:

January 3, 2011 at 17:30

thanks for sharing it. One question though does it work in thesis theme as i’m customizing it and want to remove title attribute

Reply
- reza says:
  
  January 3, 2011 at 22:13
  
  You can just try it and see the result
  
  Reply
Ralph says:

February 18, 2011 at 10:37

“Put the code in your theme funtion.php”

Can you explain/show where/how exactly to insert this bit of code?

Thank you

Reply
- reza says:
  
  February 20, 2011 at 05:01
  
  You can put the code wherever in the function.php
  
  Reply
Tom says:

February 20, 2011 at 06:33

Hi,

I just bumped into the same problem, but I chose to remove the attribute via jQuery, like so in the header.php :

$(function() {
$(“#header a”).removeAttr(“title”);
}

Note that this one works only for the main menu.
Reason for doing so was that you solution (althought it should be working), printed a line in my theme with the regexp.

Anyway: thanks for sharing!

Tom

Reply
- lyriehs says:
  
  July 27, 2011 at 03:57
  
  where and how do you put the code in the header?
  
  Reply
Ralph says:

February 20, 2011 at 14:28

Thank you for the share and the info Reza & Tom.

Reply
stewie says:

February 21, 2011 at 02:48

After 2 hours I found this article…..THANKS!!

Reply
- reza says:
  
  February 21, 2011 at 03:23
  
  @Ralph, n @Stewie, glad this article helps
  
  @Stewie, I see You are using it for your category dropdown menu
  
  @Tom, thanks for sharing your solution
  
  Reply
Quentin says:

March 29, 2011 at 05:26

Thank you so much for sharing! I was about to get crazy with those god damn titles!

Reply
E Gorman says:

March 30, 2011 at 07:50

perfect! I’ve been banging my head on the wall for a good hour trying to remove this.

Reply
Jason Gill says:

April 13, 2011 at 10:48

This has bothered me for drop menus for some time. Thanks for the solution. Brilliant.

Reply
Mark Raymond says:

May 26, 2011 at 00:00

guys, what if my nav menu doesnt have title tag and i want to add title tag.
pls help

Reply
Mark says:

August 2, 2011 at 03:39

Thanks Mate! Your code just made my day

Reply
Alan says:

August 19, 2011 at 08:36

Could you adjust this to remove the title attribute from images?

Reply
freshmaker says:

August 21, 2011 at 09:59

that’s great, thank you so much..

Reply
mmncs.com says:

September 12, 2011 at 14:37

Nice solution! I needed that for my solution.

Reply
danilo says:

October 8, 2011 at 14:07

thanks a lot….i’m using your solution in a
3.2 WP site.
Is it possibile to ‘remove’ that unwanted effect
from archives too?
See you soon!

Reply
Tom Launder says:

November 26, 2011 at 10:27

Thanks for the code. Worked perfectly. Title tags on menu items were ruining the drop-down navigation.

Reply
Ayu says:

December 3, 2011 at 16:07

Thank you so much, it works perfectly!

Reply
JokeVandeFliert says:

August 2, 2012 at 10:06

briljant! Before I was using the Remove tittle attribute plugin, but that gave me an unwanted problem.
This simple addition to my functions solved my problem
I just added one extra line to remove some more titles
add_filter( ‘the_category’, ‘my_menu_notitle’ );

Reply
Soni Sharma says:

April 26, 2013 at 02:57

Ohho! It doesn’t work for me I am using Geo Places Theme and I am putting huge description in categories. it shows long lines in view source….not good for SEO

Reply
Debbie says:

June 1, 2013 at 11:04

Just the solution I was looking for and it still works (June 1, 2013).

Reply