Cacher is the code snippet organizer for pro developers

@media(min-width:768px) {
  #wpadminbar {
    opacity: 0;
    transition: all 0.5s ease;
  }
  #wpadminbar:hover {
    opacity: 1;
  }
  body.admin-bar {
    margin-top: -32px !important;
  }
}