Remove “Next Post” in nav_menu

Question

I am creating my custom navigation menu with background-images. The menu items have a title from the Page, and that title is displayed above my background image, which is not what I want because the image itself already contains the link text.

/* menu items */
function nav_menu_items($classes, $item) {
     $classes[] = "item-". $item->attr_title; 
     return $classes;
} 
add_filter('nav_menu_css_class', 'nav_menu_items', 10,2);

.item-myitem a {
background: url(someimage);
text-decoration: none;
width: 20px;
}

However in the HTML it is displayed as (background-image is OK)

<a title="myitem" href="someurl">Next Post</a>

How do I remove that "Next Post"?

Answer 1

You can do that with CSS text-indent: text-indent:-9000px;. That way your text is still there for accessibility.