Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Posted by Nicholas Giles
Nicholas Giles
Courses Plus Student 3,346 Points

Wordpress navigation menu seems to be working incorrectly.

Hi, I am currently following the theme development section of the WordPress track and seem to be having a problem with my drop down menu working. It appears to just be a hyper link back to my homepage.

Here's my header.php code.

<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title><?php wp_title(); ?></title>

<?php wp_head(); ?>

</head>

<body <?php body_class(); ?>> <header class="row no-max pad main"> <h1><a class='current' href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1> <a href="" class="nav-toggle"><span></span>Menu</a> <nav>

<?php 

  $defaults = array(
    'container' => false,
    'theme_location'  => 'primary-menu',
    'menu_class'  => 'no-bullet'
  );

  wp_nav_menu( $defaults );

?>

<ul class="no-bullet">
  <li class="current parent"><a class='current' href="index.html">Portfolio</a>
    <ul class="sub-menu">
      <li><a href="item.html">Portfolio Item</a></li>
      <li><a href="item.html">Portfolio Item</a></li>
      <li><a href="item.html">Portfolio Item</a></li>
      <li><a href="item.html">Portfolio Item</a></li>
    </ul>
  </li>
  <li class="parent"><a href="blog.html">Blog</a>
    <ul class="sub-menu">
      <li><a href="single-post.html">Single Post</a></li>
      <li><a href="author.html">Author Page</a></li>
    </ul>
  </li>
  <li><a href="about.html">About</a></li>
  <li><a href="contact.html">Contact</a></li>
</ul>

</nav> </header>

If anyone can spot the error in my code it'd be much appreciated, thanks!

1 Answer

Dan Snowley
PLUS
Dan Snowley
Courses Plus Student 69 Points
Dan Snowley
Dan Snowley
Courses Plus Student 69 Points

Sounds like a JS problem if your menu isn't animating. Have you tried checking functions.php to see that you're linking your JS files correctly with wp_enqueue_script? Try checking your console log for clues.