摆脱Wordpress导航菜单div

Question

I am trying to create a navigation menu for a custom Wordpress theme using the wp_nav_menu() function. However, an when I use the function and reload the webpage, an annoying <div> html element appears and uses the class I want to style my <ul> with. Has anyone came across this issue before and how can I fix this?

The structure at the moment is like this: <div class="nav"> <ul> <li>Menu Item</li> </ul> </div>

I would like it to look like this: <ul class="nav"> <li>Menu Item</li> </ul> Many thanks

Answer 1

According to the docs for wp_nav_menu you can use wp_nav_menu(array('container' => false)) to disable the container.

Edit: You have also have to set the theme_location option so the fallback doesn't get triggered.

Answer 2

如果要删除容器div，则需要提及主题位置。

  wp_nav_menu( array( 'theme_location' => 'secondary-menu','container' => 'none','menu'=>'Secondary') );