title: Adding dropdown menu on custom theme wordpress
body: <p>I am trying to create a dropdown menu for a theme I am developing but the sub menu items are showing up in the alongside the parent menu items.</p>
  
  <p>I have it saved as a submenu item</p>
  
  <p><a href="https://i.stack.imgur.com/06fiJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/06fiJ.png" alt="enter image description here"></a></p>
  
  <p>Here is what it looks like our programs should be under about us now it's just all jumbled</p>
  
  <p><a href="https://i.stack.imgur.com/A4C69.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/A4C69.png" alt="enter image description here"></a></p>
  
  <p>This is what I have for my navigation in functions.php</p>
  
  <pre><code>function register_my_menus() {
    register_nav_menus(
      array(
        'header-menu' =&gt; __( 'Header Menu' ),
        'extra-menu' =&gt; __( 'Extra Menu' )
      )
    );
  }
  
  add_action( 'init', 'register_my_menus' );
  
     $defaults = array(
      'default-image'          =&gt; '',
      'width'                  =&gt; 0,
      'height'                 =&gt; 0,
      'flex-height'            =&gt; false,
      'flex-width'             =&gt; false,
      'uploads'                =&gt; false,
      'random-default'         =&gt; false,
      'header-text'            =&gt; true,
      'default-text-color'     =&gt; '',
      'wp-head-callback'       =&gt; '',
      'admin-head-callback'    =&gt; '',
      'admin-preview-callback' =&gt; '',
  );
  add_theme_support( 'custom-header', $defaults );
  </code></pre>
  
  <p>and in my header.php</p>
  
  <pre><code>&lt;div id="menu"&gt;
      &lt;ul&gt;
          &lt;li id="access"&gt;&lt;?php wp_nav_menu( array( 'sort_column' =&gt; 'menu_order', 'container_class' =&gt; 'menu-header' ) ); ?&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I can't seem to find anything online. Any help would be appreciated!</p>