element with a higher z-index doesn’t cover its siblings with a lower z-index

  • Exa[ redundant link removed ][ redundant link removed ]
    Screenshot: https://srv19859.microhost.com.pl/2020-05-12_12h34_51.jpg

    Dropdown goes under the button. I have no idea how to deal with it. The tree structure is as follows:

    <div class="taxonomy-dropdown">
      <button class="dropbtn"></button>
      <div class="taxonomy-dropdown-content"></div>
</div>

    – .taxonomy-dropdown has z-index: 3
    – .dropbtn has z-index: 1
    – .taxonomy-dropdown-content has z-index: 3

    So the .taxonomy-dropdown-content should cover its sibling .dropbtn because it has a higher z-index, right? That’s not happening. Where is the cause of the problem?

    • This topic was modified 4 years, 6 months ago by reti.
    • This topic was modified 4 years, 6 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress tMoved to Fixing WordPress, this is not an Everything else WordPress topic

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    This is a theme related issue and not come under Everything else WordPress.

    I have detected, you are using Bimber Child Theme.

    Please reach out to them, they will better help you. ??

    Thread Starter reti

    (@reti)

    Solved. I changed the HTML:

    
<button class="dropbtn taxonomy-dropdown"></button>
<div class="taxonomy-dropdown-content"></div>
    • This reply was modified 4 years, 6 months ago by reti.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘element with a higher z-index doesn’t cover its siblings with a lower z-index’ is closed to new replies.