These are always difficult without access to the code because it’s hard to capture what’s happening on a hover. However, looking at the style sheet, I guess you need to look at this rule or one very like it:
#ddnav li:hover ul,
#ddnav li li:hover ul,
#ddnav li li li:hover ul,
#ddnav li li li li:hover ul,
#ddnav li.sfhover ul,
#ddnav li li.sfhover ul,
#ddnav li li li.sfhover ul,
#ddnav li li li li.sfhover ul {
left: auto;
}
Until the link is in the hover state, the value for left
is -999px, so this looks to me as though it’s what is bringing the sub-menu into view.
There’s no value for top
, however. So I think I’d try experimenting with some values for that.
This answer’s a bit of guesswork, so my apologies in advance if it doesn’t help and I hope somebody else can be of more use.
(Usual comments about the advisability of using a child theme, if you’re not already doing so)
Cheers
PAE