[vc_row full_width=”stretch_row”][vc_column]

[vc_column_text]

Dropdowns

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 →[/vc_column_text]

[/vc_column][/vc_row][vc_section][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”1/2″]
[vc_column_text]

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 rencontres femmes marocaines par telephone .dropdown element with a http://web-impressions.net/fister/1566 .dropdown__trigger which when clicked, will display the dropdown housed inside the free online kenya dating site .dropdown__container element.

The width of the dropdowns are controlled using the Bootstrap column classes.[/vc_column_text]

[/vc_column][vc_column width=”1/2″] [/vc_column][/vc_row][/vc_section][vc_section][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”1/2″]
[vc_column_text]

Menu Dropdown

Easily create dropdown menus by nesting sites .menu-vertical elements inside the dropdowns.[/vc_column_text]

[/vc_column][vc_column width=”1/2″] [/vc_column][/vc_row][/vc_section][vc_section][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”1/2″]
[vc_column_text]

Hover Dropdown

By default, dropdowns are triggered by clicking the site rencontre 20 30 ans .dropdown__trigger element. If you would prefer the hover to react upon hovering, you can add the class single frauen mУМnster .dropdown–hover to the conocer hombres solteros de dubai .dropdown element.

If you would prefer all dropdowns to react to hover instead of click, add the class site de rencontre ado 63 .dropdowns–hover to the como ligar con un chico teniendo novio element.[/vc_column_text]

[/vc_column][vc_column width=”1/2″] [/vc_column][/vc_row][/vc_section][vc_row][vc_column][vc_column_text]

See dropdown elements in action

VIEW NAVIGATION SECTIONS

or try the admin demo ↗

[/vc_column_text][/vc_column][/vc_row]