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:
<span style="color: #606060;"> 1:</span> #nav <span style="color: #0000ff;">li</span> {
<span style="color: #606060;"> 2:</span> <span style="color: #0000ff;">float</span>: <span style="color: #006080;">left;</span>
<span style="color: #606060;"> 3:</span> <span style="color: #0000ff;">margin</span>: <span style="color: #006080;">0px;</span>
<span style="color: #606060;"> 4:</span> <span style="color: #0000ff;">padding</span>: <span style="color: #006080;">0px;</span>
<span style="color: #606060;"> 5:</span> z-index: <span style="color: #006080;">15;</span>
<span style="color: #606060;"> 6:</span> <span style="color: #0000ff;">position</span>: <span style="color: #006080;">relative;</span>
<span style="color: #606060;"> 7:</span> }
<span style="color: #606060;"> 8:</span>
<span style="color: #606060;"> 9:</span> #nav <span style="color: #0000ff;">li</span> <span style="color: #0000ff;">li</span> {
<span style="color: #606060;"> 10:</span> <span style="color: #0000ff;">float</span>: <span style="color: #006080;">left;</span>
<span style="color: #606060;"> 11:</span> <span style="color: #0000ff;">margin</span>: <span style="color: #006080;">0px;</span>
<span style="color: #606060;"> 12:</span> <span style="color: #0000ff;">padding</span>: <span style="color: #006080;">0px;</span>
<span style="color: #606060;"> 13:</span> <span style="color: #0000ff;">width</span>: <span style="color: #006080;">150px;</span>
<span style="color: #606060;"> 14:</span> z-index: <span style="color: #006080;">10;</span>
<span style="color: #606060;"> 15:</span> <span style="color: #0000ff;">position</span>: <span style="color: #006080;">relative;</span>
<span style="color: #606060;"> 16:</span> }
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.
Leave a Reply
You must be logged in to post a comment.