Tooltips overlap dropdown menu

  • Resolved eggnstone

    (@eggnstone)


    3 years ago

    – have a glossary term, “link and tooltip”, type “box”
    – have standard built in menu with several subentries
    – open the dropdown menu by hovering over it
    – notice the glossary term from the text underneath is fully visible

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author Daniele Scasciafratte

    (@mte90)

    Hi,
    I don’t understand where is happening. I guess on frontend in a page.
    This happens often with visual composers that alter too much the page, adding the css code on https://docs.codeat.co/glossary/faq/#do-you-support-visual-composer should fix.
    Otherwise I need a link to the page to investigate.

    Thread Starter eggnstone

    (@eggnstone)

    Overlap 1

    Overlap 2

    Plugin Author Daniele Scasciafratte

    (@mte90)

    I need the link as the only way to fix is a custom css rule that I can share to you once I tested on the page.

    Thread Starter eggnstone

    (@eggnstone)

    URL: https://kaisgolfguide.de/

    Plugin Author Daniele Scasciafratte

    (@mte90)

    Seems that the menu of your website doesn’t works with z-index.
    This css should be fixed the issue you are facing.

    .glossary-tooltip a, .glossary-underline, a.glossary-content-footnote {
z-index: unset !important;
}
    Thread Starter eggnstone

    (@eggnstone)

    That almost works ??
    Please see the site again.
    Now the glossary term is hidden behind its own box when you hover the glossary term

    Plugin Author Daniele Scasciafratte

    (@mte90)

    Add also this:

    .glossary-tooltip:hover .glossary-link a, .glossary-tooltip:focus .glossary-link a, .glossary-tooltip:active .glossary-link a {
				z-index: 100 !important;
}
    Thread Starter eggnstone

    (@eggnstone)

    I added that as well.
    Doesn’t seem to have any effect visually.

    Plugin Author Daniele Scasciafratte

    (@mte90)

    Ops missed some zeros:

    .glossary-tooltip:hover .glossary-link a, .glossary-tooltip:focus .glossary-link a, .glossary-tooltip:active .glossary-link a {
    z-index: 10000 !important;
}
    Thread Starter eggnstone

    (@eggnstone)

    Niiice! That works!
    (but now my site is down, but that must be something completely unrelated)

    I am just surprised this issue hasn’t popped up earlier. It’s the standard menu I think.

    Thank you <3
    That is support how it should be!
    I am struggling with several plugins and most don’t offer support or nobody responded for months.

    Do you know that you donate button on
    https://www.ads-software.com/plugins/glossary-by-codeat/
    links to codeat.com? That’s some weird site, probably not yours.

    Plugin Author Daniele Scasciafratte

    (@mte90)

    Hi,
    so that issue depends on theme also for the menu. So every theme implement in different ways and we cannot do a default way that works to everyone but just to the majority of people.

    There are 2 ways to help us:

    * Leave a review of the plugin on https://www.ads-software.com/support/plugin/glossary-by-codeat/reviews/#new-post
    * Buy the premium version that offer also a dedicated support (and more features)

    Plugin Author Daniele Scasciafratte

    (@mte90)

    About Donate, it is an error and we didn’t know of this button but we will check it.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Tooltips overlap dropdown menu’ is closed to new replies.