In Thesis 1.6, the navigation menu design was given an overhaul. Now the basic Thesis Navigation Menu looks like this:

<ul class="menu">
	<li class="tab tab-home current">
		<a href="http://thesisthemetutorial.com">Home</a>
	</li>
	<li class="tab tab-1">
		<a href="http://thesisthemetutorial.com/about">About</a>
	</li>
</ul>

There are also a bunch of new navigation menu customization options in the Thesis Design Options interface. All the basic options can be tweaked including attributes like the link color, link background, hover background, nav border, etc. If you still need to customize your thesis nav menu some more, then just go into your custom.css and do your edits there.

No related posts.

In the default Thesis Theme configuration, the navigation menu is at the top, and the header is right below it. However, using Thesis hooks, it’s quite easy to swap them with a couple of lines of code. Just open up the file wp-content/themes/thesis/custom/custom_functions.php on your server and add the following to the bottom of the file:

// Remove the Thesis Navigation Menu From The Top
remove_action('thesis_hook_before_header', 'thesis_nav_menu');
 
// Add the Navigation Menu after #Header div
add_action('thesis_hook_after_header', 'thesis_nav_menu');

You can see an example of how this looks on this site.

No related posts.