Move The Navigation Bar In The Thesis Theme Below The Header
The standard navigation bar in the Thesis Theme is pretty good as it is – I mean check out my navigation menu. However if you would like to change around the navigation menu it is easily achieved using the powerful hooks.
Thesis Theme Navigation Bar Below Header
Thesis uses Hooks in order to avoid modifying the core theme files, so the steps to move the navigation bar in the Thesis Theme below the header is very simple:
1. Click on Thesis Options
2. Select Custom File Editor
3. Select custom_functions.php from the drop down menu and click on the Edit selected file button.
4. Scroll down to the end of the window and add the following to a new line:
/* move the navigation bar below the header */
remove_action('thesis_hook_before_header', 'thesis_nav_menu');
add_action('thesis_hook_after_header', 'thesis_nav_menu');
5. Save and View your updated website.
Read my review on the Thesis Theme for WordPress and why I recommend it.
Cemil Ozcelik
www.OnlineBusinessBlackbook.com © 2009 - 2010
If you like this post, you might also like:
If you found this page useful, why not use the social media buttons above to add it on your favorite social sites and also
subscribe to the RSS feed for more interesting posts from Online Business Blackbook.
Also Check Us Out On Facebook and
Twitter
{ 3 comments… read them below or add one }
Cemil, Thanks for the tips – quick question how to I make a nav-bar like yours if you check my site out, you will see that I have utterly failed at it lol
Hi Chris,
It looks like the code has worked, however your colour scheme is a little off.
You need to change the colour settings under the Thesis Design Options -> Nav Menu. There you can adjust the colour of the navigation menu buttons from the current gray to match the background you have (that’s how I got the black with the white hover-over).
It has always be scary for me to start adding to the code but I will give it a try. Thanks for the information