menus - WordPress wp_nav_menu with a nav tag

I'm thinking about wrapping the wp_nav_menu with a nav tag instead of a div tag.

I've read at the WordPress codex that the container argument is only for using ul or div.

Do you guys know a way how to display the navigation in a nav tag so that the output looks like this:

<nav class="menu-header-menue-container">
  <ul id="menu-header-menue" class="menu">
    <li id="menu-item-86" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-86"><a href="home"></a></li>
  </ul>
</nav>

I'm thinking about wrapping the wp_nav_menu with a nav tag instead of a div tag.

I've read at the WordPress codex that the container argument is only for using ul or div.

Do you guys know a way how to display the navigation in a nav tag so that the output looks like this:

<nav class="menu-header-menue-container">
  <ul id="menu-header-menue" class="menu">
    <li id="menu-item-86" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-86"><a href="home"></a></li>
  </ul>
</nav>

• menus
• navigation

Share Improve this question edited Jan 22, 2019 at 21:34 Krzysiek Dróżdż 25.6k99 gold badges5353 silver badges7474 bronze badges asked Jan 22, 2019 at 21:23 MisterLAMisterLA 2577 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 2

You were really close.

There is container argument for wp_nav_menu:

'container' (string) Whether to wrap the ul, and what to wrap it with. Default 'div'.

Its default value is 'div', which means, that the ul will be wrapped with div tag. You can change it to false - ul won't get wrapped at all in such case.

But you can also change it to nav - and that is what you're looking.