I have a three-tiered mega menu - one level across the top, then beneath that, there's a wide grid with ~30% being a left-hand menu and, when hovering over the left items, the right side shows content. This might be a lot, yes, but, it's what we've got.
The "hoverable" area of the items on the left is very annoying. When moving from left to right, people frequently move their mouse just over the edges, either up or down. I really want to do something I learned years ago and have completely forgotten how to do. There's a thing people do to add an invisible triangle shape at the end to increase the hover area, right?? I've tried to mock it up here, I don't fully understand how it works, but I know I've seen it in the past.
Any thoughts??