Question

I want to create a horizontal submenu in wordpress with wp_nav_menu();

As it is now I output the whole menu with wp_nav_menu but since the children is outputted inside theire parents I cant make a submenu. Just a dropdown menu.

I want it to look some what like this. Home, articles, about and contact are pages and inspiration, technology and interview are categories.

Home Articles About Contact
Inspiration Technology Interview
(if I have pressed on Articles)

So this is what it looks like:

<ul class="mainmenu">
  <li>Home</li>
  <li>Articles
    <ul class="submenu">
      <li>Inspiration</li>
      <li>Technology</li>
      <li>Interview</li>
    </ul>
  </li>
  <li>About</li>
  <li>Contact</li>
</ul>

And this is what I want:

<ul class="mainmenu">
  <li>Home</li>
  <li>Articles</li>
  <li>About</li>
  <li>Contact</li>
</ul>
<ul class="submenu">
  <li>Inspiration</li>
  <li>Technology</li>
  <li>Interview</li>
</ul>

Someone got and idea? 🙂 thx

Answer 1

Don’t modify template code, you should do this with css.

Sample here : http://jsfiddle.net/2G9dQ/1/