Ease your TopBar dropdown menus


One if the nicest things to add a little polish to your site is to add a subtle ease transition to the Top Bar dropdown menus. Here is how to do it with just a few lines of CSS in your site wide code.

` .top-bar-section ul li.has-dropdown .dropdown { display:block; visibility: hidden; opacity: 0 ; }

.top-bar-section ul li.has-dropdown:hover > .dropdown { visibility: visible; opacity: 1; transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -webkit-transition: opacity 250ms ease-in-out; }`