Drupal Themes by ThemeShark.com

i'd also be keen to know how to do this
cheers

Hi,

The quickest way to do this is to add the following CSS to the bottom of the stylesheet you're using:

#primary-links li ul {
width: 200px;
}

#primary-links li ul li {
float:none;
width: 200px;
}

#primary-links li ul ul {
margin: -35px 0 0px 200px;
}

This will change the dropdowns to a single column.

You will notice that the rollover image, however, is short (primary-hover-bg.png). So depending on what style you're using, you'll have to increase the width of this image. Because it's a gradient, it should just be a matter of doing a width resize in Photoshop and unchecking 'Constrain Proportions'.

If you wanted more control, the actual CSS that controls the dropdowns begins on line 666 (hmm..) of the stylesheet. Basically the float:left is what's making it two columns.