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


Styling the nav in WordPress

I know there are some more videos coming soon about styling the wp theme but I was trying to add some CSS to the wp_nav_menu in the header.php page and was having some trouble. When I tried adding a div class my wp_nav_menu, my site went blank.

<p> This is the header </p>
 <?php $args = array(
 'menu' => 'main-menu'

 wp_nav_menu( $args );

5 Answers

John Locke
John Locke
15,479 Points

@ardon You might want to try something like this instead.

<?php wp_nav_menu( array('menu' => 'Main Navigation' )); ?>

where Main Navigation is the name of your top level navigation menu.

I use Chrome Developer Tools (right click) > Inspect Element to see what the class is, and then write accordingly. If I need to add a class, I can either wrap it in another div, or try to figure out where in the PHP it is writing the menu, and have it add a class there.

Thanks for the suggestion, John! I'm going to play around with that.

John Locke
John Locke
15,479 Points

Let us know if that works.

I was up for a few hours last night trying to figure out why my menu wouldn't style. My nav id wouldn't show up in inspector. I reinstalled everything and that did the trick. When all else fails, reinstall eh. Thanks again.

John Locke
John Locke
15,479 Points

Sometimes you have to reinstall. Glad it all worked out in the end :)