How do I keep the suckerfish dropdown menus in the primary links from hiding under the navigation block. I have the navigation block at the top of the left column. When I have a primary link menu with sub-items, the dropdown items that run into the navigation block cannot be accessed. I added a block in the User1 block section, which allowed me to use some of the dropdown menu items... but if the list is long enough to reach the navigation block... those items can't be clicked on.

Is this a simple matter of editing the CSS to place the dropdown in a higher layer?

Comments

bdhoundus’s picture

bdhoundus CreditAttribution: bdhoundus commented

I was able to solve my problem by editing the style.css for the theme... in the primary-links section near the bottom:
I added the z-index: 100;

#primary-links li ul {
  margin-left: -10px;
  position: absolute;
  width: 210px;
  left: -999em;
  border: 3px solid #d9dbde;
  background: #aebfd8;
  z-index: 100;
}
neptunethemes’s picture

neptunethemes CreditAttribution: neptunethemes commented
Status: Active » Fixed

Thanks for the fix! I guess I must have tested the drop-downs while blocks were assigned to the top region and missed it.

Anonymous’s picture

Anonymous (not verified) CreditAttribution: Anonymous commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

nathanmcginty’s picture

nathanmcginty CreditAttribution: nathanmcginty commented

Hey - was having the same issues. The fixes above didn't work for me, but I found this on the Droopaltheme site. Basically the guy had to add the "z-index: 0;"

tag AND the wmode="transparent" parameter to

I tried it out and worked perfectly (in Firefox at least). Now on to IE.

Here's an example of his tags...

Hope this helps someone.