CSS Fix for #nav li & FeaturedContent Plugin

Posted by Cotton Rohrscheib on Thursday, October 2, 2008 · Comments

I have been using a lot of Brian Gardners themes for starter templates on my wordpress projects. In place of the tabber.php function I have been going with the FeaturedContent plugin because it seems to be a little smoother. I have ran into some issues though with the drop down navigation on a lot of the Revolution Themes.

The drop downs will usually show up underneath the FeaturedContent Gallery on the home page. I did some looking around last night and saw where Brian had posted a fix for this on the Revolution Support forum, it goes like this:

Locate your #nav li and #nav li li in your style.css file and change them to this:

   1: #nav li {

   2: float: left;

   3: margin: 0px;

   4: padding: 0px;

   5: z-index: 15;

   6: position: relative;

   7: }

8:

   9: #nav li li {

  10: float: left;

  11: margin: 0px;

  12: padding: 0px;

  13: width: 150px;

  14: z-index: 10;

  15: position: relative;

  16: }

Note: This seems to do the trick. This just basically adds the z-index and position to the CSS. I also have tried this on the #subnav li and it also works there.