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 The wp_nav_menu Function

Arsalan Tosifi
Arsalan Tosifi
1,125 Points
Posted by Arsalan Tosifi
Arsalan Tosifi
1,125 Points

How to change this menu to an old fashion fix menu?

I would like to have a fixed horizontal primary-menu on the top right with horizontal dropdown.

How can I change this menu? Where can I learn more about building menus or nav?

thank you Alen

2 Answers

Dustin Matlock
Dustin Matlock
33,856 Points

Hello, you might check out Building Out WordPress Navigation, and the Treehouse Blog.

Arsalan Tosifi
Arsalan Tosifi
1,125 Points
Arsalan Tosifi
Arsalan Tosifi
1,125 Points

Thanks for reply. Actually I have made my nav bar from the video that you have suggested. That video explains mainly about the function NAV and how to display a NAV. But doesn't speaks about it's design. This NAV is a js hardcoded NAV.

I would like to have a simple horizontal nav.

Thanks for the blog link I'll check it

Jenny Stoffel
Jenny Stoffel
20,709 Points
Jenny Stoffel
Jenny Stoffel
20,709 Points

Can you send a link to your site, or tell us which theme you're using? By "fixed", do you mean sticky? There is a Genesis plugin which does that (Genesis Sticky Menu), and here is another plugin which may work with your theme if it's not Genesis: https://wordpress.org/plugins/lowermedia-sticky-js-menus/ Or if you don't want to use a plugin you can integrate a file called StickyJS - here are some instructions: http://www.shahriarnk.com/cms/wordpress/how-to-integrate-stickyjs-with-wordpress-and-adjust-width-for-responsive-site/

If you just want a horizontal menu which is not necessarily sticky, you can see this codex article, which addresses the CSS in more depth: http://codex.wordpress.org/Creating_Horizontal_Menus

Arsalan Tosifi
Arsalan Tosifi
1,125 Points
Arsalan Tosifi
Arsalan Tosifi
1,125 Points

Thanks Jenny for your reply. I don't have a link since I'm working on a localhost. By fix i don't mean sticky. Just not collapsed. I don't know how to describe it. Anyway I moved to bootstrap and seems that the problem is solved.

Jenny Stoffel
Jenny Stoffel
20,709 Points

Well glad it's fixed!