Moving the nav menu around in Thesis is super easy. If you check out hooks, you will start to figure out that the nav menu can pretty much go anywhere. I this particular video, I show how to put the nav menu above the sidebars. This is especially useful if you have a bunch of nav menu items, as they tend to get cluttered in a normal nav arrangement. Thesis’ super powerful PHP engine makes nav bar adjustments easy as pie. Or if you don’t like pie then cake.
Here is the PHP that I use in this tutorial:
remove_action('thesis_hook_before_header','thesis_nav_menu');
add_action('thesis_hook_before_sidebars','thesis_nav_menu');
And here is the single line of CSS I use:
.custom .menu li { float: none; }
Good luck using Thesis! Be sure to send all requests to:
ThesisTutor [at] gmail [dot] com
Remember to Get Thesis or Upgrade to the Thesis Developers Option!
{ 7 comments… read them below or add one }
Dude, you need to put a donate button on this site because these tutorials are fantastic. I would love to flip you a few bucks.
Holy Crap these tutorials are killer!
Hi,
Just want to say your videos is exactly what I need and I think other need to. I wouldnt mind donate some too.
Video tutorials like this is what I have been missing, I get great help in thesis forum….but videos makes it crystal clear and easy to duplicate. Hope you will make more.
Thanks
I’m glad to see you added a donate button. This tutorial is exactly what I was looking for. But one thing did not work. I added the
.custom #tabs li { float: none; },
but my menu is not lined up with one item on top of the next. Instead I have 2 items next to each other, then under that there are 2 items next to each other, and so on. I am able to make it look right with
.custom .sidebar ul.sidebar_list {
padding:20px 20px 10px 30px
}
but with that I feel like I’m just forcing each item on it’s own line because it bumps up against the side of the sidebar.
Thanks
hey.. i tried this and put the commands
remove_action(‘thesis_hook_before_header’,'thesis_nav_menu’);
add_action(‘thesis_hook_before_sidebars’,'thesis_nav_menu’);
i still cannot make my header at the top of thesis theme…
still confusing me
can you tell me how to do that?
thanks
@Kuang
The nav menu is at the top by default…
Awesome V-Tutorial! Keep ‘em coming! Its good that you don’t ramble into another dimension, like other tutorials, keep it simple….Thanks,
Dave