Themeable menu problem

[gramae]

Hi, I am using themeable menu (jquery) on a site and notice on mouseover, the link is only selected when the cursor is directly over the link text on the button, but will not select the link if the rest of the button is highlighted.
Is this normal operation, is there a work around for this as there have been some complaints about the ease of useability of the site?
Thanks

[Pablo]

It seems to work correct for me.
Do you have a DEMO project?

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134

[gramae]

Hi
Yes it is used in this older site http://www.birdclubs.org.nz/
It seems to work ok on the first level but not the 2nd level
Thanks

[Pablo]

The jQuery UI menu (https://jqueryui.com) is pretty old so I am not sure if they will release any new updates in the future.

But you can try adding this code between the head tags of Page HTML:

Code: Select all

<style>
.ui-menu-item-wrapper a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
   background-color: rgba(0,0,0,0);
}
</style>

[gramae]

That fixes the problem, many thanks.