I can’t get the z-indexing to work with the mega menu

This topic has 2 replies, 2 voices, and was last updated 2 weeks, 5 days ago ago by Luca Rossi

  • Avatar: finleydesign
    finleydesign
    Participant
    June 18, 2025 at 09:57

    I just can’t seem to get the menu to sit above the badges on the products, i’ve tried every z-index settings etc, any help you be hugely appreciated

    URL in private showing issue, if you hover over menu items you can see the drop down is under the badges

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Justin
    Luca Rossi
    Support staff
    June 18, 2025 at 10:57

    Dear @finleydesign,

    We hope this message finds you well.

    We have noticed that the YITH Badges plugin is generating the badge HTML outside of the template-container class, as shown in the following screenshot:
    https://prnt.sc/kuiaC9QP0exW

    As a result, the badge consistently appears above other elements due to its z-index value, regardless of any adjustments made to the z-index of elements within the template container—even when set to 9999.

    In light of this, we kindly ask if you could reach out to the plugin’s author to request either a modification to the z-index value or a relocation of the badge HTML so that it is rendered within the product image area or elsewhere inside the template container.

    Thank you for your attention to this matter.

    Best regards,
    The 8Theme Team

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.