Support » Fixing WordPress » element with a higher z-index doesn’t cover its siblings with a lower z-index

  • Exa[ redundant link removed ][ redundant link removed ]
    Screenshot: http://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 5 months, 2 weeks ago by reti.
    • This topic was modified 5 months, 2 weeks 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. 🙂

    Solved. I changed the HTML:

    
    <button class="dropbtn taxonomy-dropdown"></button>
    <div class="taxonomy-dropdown-content"></div>
    
    • This reply was modified 5 months, 2 weeks ago by reti.
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.