Title #1

Title #2

``` * However, I would also recommend using the default HTML-output that the wp_nav_menu(); gives you * [jeFFF](https://wordpress.org/support/users/jefff/) * (@jefff) * [14 years, 8 months ago](https://wordpress.org/support/topic/customized-wp_nav_menu/#post-2237985) * Hello, * Can you just explain why is it so bad to override wp_nav_menu HTML output ? The core WordPress coding team offers you that opportunity, I don’t see the pont of avoiding it, HTML markups do not hurt 😉 * For example, how can you add a custom “sub-menu” CSS class to a second level menu ? * ``` ``` * How can you add a custom CSS class to an LI item to tell it that it has a child menu : * ```

``` * (well, for this one, you can do it with a hook). * My point is, if you know what you are doing, you can do anything with core libraries overrides ( and I don’t say hack 😉 ) * Cheers jeFFF * [TimDesain](https://wordpress.org/support/users/timdesain/) * (@timdesain) * [14 years, 6 months ago](https://wordpress.org/support/topic/customized-wp_nav_menu/#post-2238010) * in function.php * ``` add_action( 'after_setup_theme', 'td_setup' ); function td_setup() { register_nav_menus( array( 'menu_top' => 'Menu TOP' , 'menu_bot' => 'Menu BOT' ) ); } ``` * in theme’s file * ``` 'menu01', 'theme_location' => 'menu_top' ) ); ?> 'menu02', 'theme_location' => 'menu_bot' ) ); ?> ``` * set your menus `http://DOMAIN/wp-admin/nav-menus.php` * [davidcancool](https://wordpress.org/support/users/davidcancool/) * (@davidcancool) * [14 years, 6 months ago](https://wordpress.org/support/topic/customized-wp_nav_menu/#post-2238014) * Just wanted to say I enjoyed the post.I have to speakyour web site is very cool I really like your theme! I’ll bookmark it and come back later. _[link removed]_ * [Marventus](https://wordpress.org/support/users/marventus/) * (@marventus) * [14 years, 6 months ago](https://wordpress.org/support/topic/customized-wp_nav_menu/#post-2238024) * Hello everybody, * It seems like the Original Poster went MIA after his/her question. IMHO, the answer to the OP’s problem seems to rely on a custom nav walker, since the changes to the default walker that are necessary in order to generate his/her desired output are very minimal and pretty straightforward. [@wp_oulu](https://wordpress.org/support/users/wp_oulu/): if you get back to me on this, I’ll tell you how to do it. * Thread Starter [wp_oulu](https://wordpress.org/support/users/wp_oulu/) * (@wp_oulu) * [14 years, 6 months ago](https://wordpress.org/support/topic/customized-wp_nav_menu/#post-2238025) * I simply didn’t write because nobody answer what I have asked. If you have the solution, please post it. * Thank you and best regards. * [Marventus](https://wordpress.org/support/users/marventus/) * (@marventus) * [14 years, 6 months ago](https://wordpress.org/support/topic/customized-wp_nav_menu/#post-2238026) * That makes sense, 😉 * This [custom nav walker](http://pastebin.com/wSzKBLXe) should do the trick. Please note that I have only included the `start_el` function in the custom walker because it is the only function that needed changing, but if you wish to do further modifications, you might have to include other functions from the default walker as well. You can see the complete default walker code inside `[wp_root]/wp-includes/nav-menu- template.php`. * **Edit:** I almost forgot to mention that if you don’t want any container divs wrapping your menu, pass a `false` value to the wp_nav_menu’s `container` argument. * **Edit 2: **The custom nav walker will output smth like this: * ```

``` * This is not valid HTML, because you can’t place a heading tag, which is a block tag, inside a ul tag, another block tag. If you want your code to be valid, you will have to use the undocumented `items_wrap` argument and pass the following value to it: `%3$s` when calling `wp_nav_menu`. That will get rid of the wrapping `

';` to `$output. = $indent . '';` * ; * ``` $item_output .= ''; $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after; $item_output .= ''; ``` * to * ``` $item_output .= '

'; $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after; $item_output .= '

'; ``` * and * ``` function end_el(&$output, $item, $depth) { $output .= "\n"; } ``` * to * ``` function end_el(&$output, $item, $depth) { $output .= "