Top level menu items look clickable
My top level menu items look clickable because the little hand appears when you scroll over it. This is confusing.
Is there code to take the hand away for only the top level. Removing the # from the menu item doesn't do it.
Update
I made a class for the items called unclickable and added:
.unclickable > a:hover {
cursor: default;
pointer-events: none;
}
But there is still a pointer - can you assist with removing that?