фишка с задержкой выпадающего меню

sub_menu.css

/* делаем задержку показа меню, 
   а при hover (появлении ее отменяем) 
*/
nav li> ul {
  transition-delay: 1s;
}
nav li:hover ul {
  transition-delay: 0s;
}