Space in Nav Menu

[Rob]

Hey Bill . . . what am I missing here in http://9lazykidz.com/were-in-this-together/

There is a space that I can’t get rid of since adding a sub menu item

[Bill Robbins]

Rob,

It looks like the Cufon font is giving the menu trouble in determining how much height is necessary for those elements. The only way I know around it is to set a height for the menu items that have a sub-menu. Here’s how you can do that:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   li.menu-item-354 {
   	height: 30px;
   }
   
   li:hover.menu-item-354 {
   	height: auto;
   }
   
   li:hover.menu-item-354 ul.sub-menu {
   	top: -30px;
   }
   

3. Update your settings.

That's still not going to be a perfect solution because the hover effects are tied to hovering over the anchors and not the list items.

You might try looking up a font from Google fonts or some other service that doesn't use Cufon but has a similar style. That's probably the way to get your best menu results.

If I can help, let me know,
Bill

[Author]

Posts