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.