A rather long menu item

I’m basically using the default BuddyPress theme with some minor customization for the header and body background. I just wanted to see how I could override the sub-menu width of 128px so that I could get the same result as I did for Artisteer.

Before the fix


Before applying the change the menu item doesn’t look right.

Applying the fix to the theme’s stylesheet

Latest solution


#nav .sfhover ul, #nav :hover ul { width: auto; text-align: left; }
#nav .sfhover ul li { width: auto; display:block; white-space: nowrap; }
#nav .sfhover ul li a { padding-right: 12px; }

Note: The padding-right just makes the display slightly prettier.