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; }`

Deal of the Week

Latest Updates

Latest Live Stream

Stacks 5 is Here! What's New?

Latest Design

Subscribe

For product releases and updates by email, please subscribe below.

© 2025 Weavers Space | Terms of Service | Privacy Policy