Download

Upload and Activate the box. Make sure you’re uploading the zip if you’re doing it via the admin panel
Create a VZM WP Nav Menu box in the Skin Editor and put it where you want the menu to display.
Update the Template
Go to Appearance > Menus and assign a menu to your newly created Theme Location.

Here’s a “quick and dirty” Full-Width version of the Classic Thesis skin for anyone looking for a full-width starting point.

Download

Updated to 1.3
Added $arg support for Thesis 2.0.3

Updated to 1.2
Added URL support and the option to open the link in a new window
Remove the default property from the class as it’s inaccessible by the output function anyways

Updated to 1.1
Made some minor changes to how the options are displayed in the admin panel and fixed the domains for translate()

To activate it go to… Thesis > Boxes > Select Boxes > Upload Box

Once activated it will be available to you in the Skin Editor.

A lot of you may have run into (repeated) issues with IE8 where it doesn’t render Thesis sites properly.  9 times out of 10 that’s because Thesis is telling IE8 to render the site as if it’s IE7.  This causes a whole slew of issue from css clears not being effective to z-indexes not functioning properly etc.

Fortunately, it’s a very easy problem to solve on your own (as we wait for them to remove the emulation from Thesis’ base code)

Add the following to your custom_functions.php and voila, problem(s) solved.

function remove_ie7_emulation() {
    $browser = $_SERVER['HTTP_USER_AGENT'];

    if (preg_match("/MSIE 8.0/", $browser) && !is_admin())
        header('X-UA-Compatible: IE=8');
}
add_action('init','remove_ie7_emulation');

Basically the model I’ve been testing is an organization site where each user has their own sub-site where they can put up various information, post their own blog etc.

site.com
site.com/user-1
site.com/user-2
etc.

So to that effect I want to keep the overall design and nav elements the same.  This is where Thesis doesn’t handle things automatically.  With 1.8.4 Thesis gives you a master control custom_functions.php so you can change aspects of your entire network in one shot (wicked!) however, the master custom.css does not affect all the network sites.

So I had to re-add the master custom.css file back into each of the sites.

function master_thesis_custom_stylesheet() {
    $handle = 'master_custom';
    $src = get_stylesheet_directory_uri() . '/custom/custom.css';
    $media = 'screen, projection';
    wp_register_style($handle, $src, $deps, false, $media);
    wp_enqueue_style($handle);
}
add_action('wp_enqueue_scripts', 'master_thesis_custom_stylesheet');

My next step was to change the header of all sites to be the same as the base site.  This I accomplished by using the same code Thesis uses to generate the header, with one subtle difference.

function master_thesis_default_header() {
    thesis_hook_before_title();
    switch_to_blog(1);
    thesis_title_and_tagline();
    restore_current_blog();
    thesis_hook_after_title();
}
remove_action('thesis_hook_header', 'thesis_default_header');
add_action('thesis_hook_header', 'master_thesis_default_header');

The switch_to_blog() function temporarily switches all details of the site (with some exceptions) to the master site and the restore_current_blog() changes it back to the current one.  That way the site name, url etc. that the thesis_title_and_tagline() function uses is from the master site.

Finally, using the same technique as I did with the header I added in a master nav menu* to the site:

function master_thesis_nav_menu() {
    switch_to_blog(1);
    thesis_nav_menu();
    restore_current_blog();
}
remove_action('thesis_hook_before_header', 'thesis_nav_menu');
add_action('thesis_hook_before_header', 'master_thesis_nav_menu');

If you’re after a left nav instead:

function master_left_menu() {
    switch_to_blog(1);
    echo "<li id=\"nav_menu-main\" class=\"widget widget_nav_menu\">\n";
    wp_nav_menu(array('menu' => 'Left Nav','menu_class' => 'menu','container' => 'div'));
    echo "</li>\n";
    restore_current_blog();
}
add_action('thesis_hook_before_sidebar_1', 'master_left_menu');

* You need to create the menu as a wp_menu in the base site first.

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;
}
.custom #menu-vertical-menu ul, .custom #menu-vertical-menu ul li, .custom #menu-vertical-menu ul a {
	width:auto;
}

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;
}

If you’re using the accordion style and you want the current page to be visible when on a submenu page (Sub About) modify the second part of the css to the following:

.custom #menu-vertical-menu .current_page_parent ul, .custom #menu-vertical-menu .current_page_ancestor ul, .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; visibility:visible;
}

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

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

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

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 1234567890

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

Image Aligned Right