There’s been a couple people asking how to get a wp vertical nav in their sidebar.  This post covers how to get over the technical css issues, the prettyfication you can do on your own after the fact.

Step 1 – Setup your wp-nav

Step 2 – Add the nav to your sidebar using the Custom Menu widget

Step 2 – Style it so it works, code below.

Adjust the id, highlighted in red to match the id of your menu

<ul id="menu-vertical-menu" class="menu">

The following code fixes the alignment and width issues.

.custom #menu-vertical-menu li {
	float: none;
	position: static;
	margin-bottom:0;
}

This portion of code is for the sub-nav items, makes it into an accordion style menu, you can see how it works when you hover over About:

.custom #menu-vertical-menu li ul {
	display: none;
	margin: 0;
	position: static;
}
.custom #menu-vertical-menu li:hover ul, .custom #menu-vertical-menu a:hover ul, .custom #menu-vertical-menu *:hover ul *:hover ul, .custom #menu-vertical-menu *:hover ul *:hover ul *:hover ul {
	display: block;
}

The Vertical Menu Test on this site is using the above code.

Originally posted in: http://diythemes.com/forums/showthread.php?60705-Why-does-active-pseudo-class-not-work-in-Thesis-sidebar&p=270612#post270612

I’m mainly posting this so I have somewhere to reference people rather than copying and pasting the coder every time. Originally developed by Kristarella

The following adds a full-width nav below the header area:

function full_width_nav() { ?>
<div id="nav_area" class="full_width">
    <div class="page">
        <?php thesis_nav_menu(); ?>
    </div>
</div>
<?
}
remove_action('thesis_hook_before_header', 'thesis_nav_menu'); // Remove top nav menu
add_action('thesis_hook_before_content_area', 'full_width_nav'); // Add full width nav below header

If you want the full-width nav to be above the header use the following add_action instead:

add_action('thesis_hook_before_html', 'full_width_nav'); // Add full width nav above header

The following code adds a custom body class to all posts and author pages in the form of author-# where # is the ID of the author.

function post_author_class($classes) {
    global $post;
    $post_author = $post->post_author;
    if (is_author() || is_single()) {
        $classes[] .= 'author-'. get_the_author_meta('ID', $post_author);
    }
    return $classes;
}
add_filter('thesis_body_classes', 'post_author_class');

Originally for http://diythemes.com/forums/showthread.php?60592-Trying-to-assign-Custom-header-images-for-Author-and-Posts-by-Author

So lots of people are having issues with Thesis in IE7 and IE8 where subnav items appear beneath the other rows of the nav if their nav spans multiple rows.  Well I finally came up with a solution.

Basically you need to turn your menu into a sort of staircase where the top row has the highest z-index and the bottom row has the lowest.

This particular site’s nav was 4 rows deep.

I originally came up with the following code:

.custom .menu li.tab-1, .custom .menu li.tab-2, .custom .menu li.tab-3, .custom .menu li.tab-4, .custom .menu li.tab-5, .custom .menu li.tab-6 { z-index:4; }
.custom .menu li.tab-7, .custom .menu li.tab-8, .custom .menu li.tab-9, .custom .menu li.tab-10, .custom .menu li.tab-11 { z-index:3; }
.custom .menu li.tab-12, .custom .menu li.tab-13, .custom .menu li.tab-14, .custom .menu li.tab-15, .custom .menu li.tab-16 { z-index:2; }
.custom .menu li.tab-17, .custom .menu li.tab-18, .custom .menu li.tab-19, .custom .menu li.tab-20 { z-index:1; }

But I wasn’t happy with it because it requires changing a lot of code if you remove 1 menu item.

So I thought how can I simplify it and came up with this solution:

.custom .menu li:nth-of-type(n) { z-index:4; }
.custom .menu li:nth-of-type(n+7) { z-index:3; }
.custom .menu li:nth-of-type(n+12) { z-index:2; }
.custom .menu li:nth-of-type(n+17) { z-index:1; }

With the n+[number] the [number] is the position of the first menu element on the new row.
Fortunately Thesis gives each menu item a class called tab-[number] so you can easily figure out which element to use without counting manually.

If you want to see where I originally posted the solution you can find it on the diythemes forums: http://diythemes.com/forums/showthread.php?58289-z-index-problem-in-IE-for-top-nav&p=259547#post259547

Caption Test

Caption Test 1234567890

This is where we put the words and they are flowing swimmingly etc.

Image Aligned Right

Teaser rollover test

(working! )

http://voidzonemedia.com/category/test/
Solution – DIY Themes Forums