Dallas: 972-877-4650
Schedule in Dallas
Ft. Worth: 817-205-5749
Schedule in Ft. Worth
Houston: 713-723-4854
Schedule in Houston
OKC: 405-236-1111
Schedule in OKC


These modular elements can be readily used and customized across pages and in different blocks.

Explore all of Stack's modular elements
at the Element Index Page →

Basic Dropdown

Stack's dropdowns can serve a number of purposes, from navigation menu to multi-choice button. There are a number of ways to present a dropdown, but all follow the same markup pattern of a parent .dropdown element with a .dropdown__trigger which when clicked, will display the dropdown housed inside the .dropdown__container element.

The width of the dropdowns are controlled using the Bootstrap column classes.

Menu Dropdown

Easily create dropdown menus by nesting .menu-vertical elements inside the dropdowns.

Hover Dropdown

By default, dropdowns are triggered by clicking the .dropdown__trigger element. If you would prefer the hover to react upon hovering, you can add the class .dropdown--hover to the .dropdown element.

If you would prefer all dropdowns to react to hover instead of click, add the class .dropdowns--hover to the element.

See dropdown elements in action


or try the admin demo ↗