Hi I'm wanting to create a custom navigation menu that will require creating 2 div containers to hold the SUB-MENU set. In other words I want to do this:

<div id="access">
   <div class="menu">

      <ul class="parent">
            <div class="children-outer">
               <div class="children-inner">
                  <ul class="child">

   </div> <!--menu-->
 </div> <!--access-->

I'm doing this because I'm using about 3 different background images.

How would I go about adding this into the wp_nav_menu function? Do I add a filter in functions.php, or do I create a separate PHP file to do this?

Any helpful suggestions would be greatly appreciated.

1 Answer 1


Register your menus in functions.php like so:

if ( function_exists( 'register_nav_menus' ) ) {
            'my_main_menu' => 'Main Menu: description',
            'my_sub_menu' => 'Sub Menu: description',
            'my_footer_menu' => 'Footer Menu: description'

Add the menu to the template like so:

<?php wp_nav_menu( array( 
    'sort_column' => 'menu_order', 
    'theme_location' => 'my_main_menu', 
    'container_class' => 'main-menu' 
); ?>

The function adds a container class, so you might want to consider trimming some of that markup.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.