Page 1 of 1
Themeable menu problem
Posted: Fri Nov 17, 2023 3:06 am
by 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
Re: Themeable menu problem
Posted: Fri Nov 17, 2023 7:24 am
by 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
Re: Themeable menu problem
Posted: Fri Nov 17, 2023 7:47 am
by 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
Re: Themeable menu problem
Posted: Fri Nov 17, 2023 8:31 am
by 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>
Re: Themeable menu problem
Posted: Fri Nov 17, 2023 7:55 pm
by gramae
That fixes the problem, many thanks.