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 WordPress Theme Development Building Out WordPress Navigation Coding A Basic Navigation in WordPress

Gabriel Ward
Gabriel Ward
20,222 Points
Posted by Gabriel Ward
Gabriel Ward
20,222 Points

menu icon

I'm just wondering, where is the code for the menu icon that we click on to bring up the menu? How is it inserted onto the page? I feel like it's a simple thing, but am I missing it and it's somewhere in the header.php file?

1 Answer

Justin Estrada
Justin Estrada
34,995 Points
Justin Estrada
Justin Estrada
34,995 Points

The PHP Function wp_nav_menu() Displays a navigation menu created in the Appearance → Menus panel.

http://codex.wordpress.org/Function_Reference/wp_nav_menu

Gabriel Ward
Gabriel Ward
20,222 Points
Gabriel Ward
Gabriel Ward
20,222 Points

Ok, but I'm wanting to know how the menu button in the top right hand corner of the page is put there. The button that we click on to make the navigation menu appear. I can't see the code for the menu button anywhere.

Justin Estrada
Justin Estrada
34,995 Points
Justin Estrada
Justin Estrada
34,995 Points

So the menu CSS and layout isn't native to wordpress. A lot of WordPress Developers use bootstrap framework for the foundation of their themes.' So the boostrap mobile menu is probably the most common mobile nav bar your seeing and want to replicate. I found this article that will take you step by step in how to integrate the boostrap mobile nav which is the three bars in the top right which is what you're referring to. http://code.tutsplus.com/tutorials/how-to-integrate-bootstrap-navbar-into-wordpress-theme--wp-33410