I am trying to work with a tabbed menu structure on this site:
https://johnslist.info
The tabs look fine when you aren’t touching them. It all goes to hell from there. ??
I think I should avoid using tooltips, but I can’t quite figure how to kill it for the tabbed menus but leave it intact for link and images.
The second level of submenus look good, but a third level and beyond look bad due to the rounded corners and vertical offset, making it pretty hard to navigate.
It also seems like I need to either broaden the focus, add a delay, or switch from a hover style to a click style, because with the tiniest twitch of your mouse you run off the submenus and have to CAREFULLY start over from the top tab… reeeeeeally lame.
Please excuse these horrific, cumulative n00b mistakes and PLEASE help me fix them. I have done pretty well in learning about CSS and Worpress so far, but this one has me stumped and I imagine the answer is pretty simple and will make a lot of sense once I see it. THANKS!
–Don