Home/ Questions/Q 7792467
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T22:11:37+00:00

I’m adding a new dropdown div to an existing WordPress theme with it’s own

  • 0

I’m adding a new dropdown div to an existing WordPress theme with it’s own dropdown menu.

The new dropdown is activated and “dropping down” from an area above the menu.

The menu is set to z-index:99, but whatever value i give “my dropdown”, the menu still appears on top of it.

Only exception is if i give the menu z-index:0, then all works fine except that the menu’s dropdowns, of course, does not overlap items further down the page :/

Help appreciated!

Update: I have tried different position values, the menu needs to be “relative” to work.

The dropdown is now absolute, but relative gives the same result.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have the following declared in your styles.css stylesheet on line: 316:

    #section-tophat, #section-footer, #section-sub-footer { position: relative;  z-index: 1;  } /* Setup for :after double bgs below */

    You’re setting your #section-tophat to z-index:1 and thus at a lower level than your menu, so just remove your #section-tophat id from that line and your dropdown works fine.

    • 0