[vc_row full_width=”stretch_row”][vc_column][stack_hero image=”38″][vc_column_text]

Navigation Bars

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][/stack_hero][/vc_column][/vc_row][vc_section css=”.vc_custom_1498220913131{padding-top: 0px !important;}” ebor_docs=””][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”5/12″][stack_boxed_content padding=”boxed–lg” background=”bg–secondary”][vc_column_text]

Bar Markup

Navigation bars in Stack require a parent .bar element with container and row children. Columns inside the bar are controlled using the Bootstrap Grid classes. Using the responsive Bootstrap Grid column classes makes it easy to control how your bar will appear on different devices (eg: tablet, mobile).

Each module inside a column is housed inside a .bar__module
element.[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=”7/12″][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJiYXIlMjBiZy0tZGFyayUyMGJveGVkJTIwYm94ZWQtLXNtJTIyJTNFJTBBJTA5JTA5JTA5JTA5JTA5JTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtc20tNyUyMiUzRSUwQSUwOSUwOSUwOSUwOSUwOSUwOSUzQ2RpdiUyMGNsYXNzJTNEJTIyYmFyX19tb2R1bGUlMjIlM0UlMEElMDklMDklMDklMDklMDklMDklMDklM0N1bCUyMGNsYXNzJTNEJTIybWVudS1ob3Jpem9udGFsJTIyJTNFJTBBJTA5JTA5JTA5JTA5JTA5JTA5JTA5JTA5JTNDbGklM0UlMEElMDklMDklMDklMDklMDklMDklMDklMDklMDklM0NhJTIwaHJlZiUzRCUyMiUyMyUyMiUzRUxpbmslMjAxJTNDJTJGYSUzRSUwQSUwOSUwOSUwOSUwOSUwOSUwOSUwOSUwOSUzQyUyRmxpJTNFJTBBJTA5JTA5JTA5JTA5JTA5JTA5JTA5JTA5JTNDbGklM0UlMEElMDklMDklMDklMDklMDklMDklMDklMDklMDklM0NhJTIwaHJlZiUzRCUyMiUyMyUyMiUzRUxpbmslMjAyJTNDJTJGYSUzRSUwQSUwOSUwOSUwOSUwOSUwOSUwOSUwOSUwOSUzQyUyRmxpJTNFJTBBJTA5JTA5JTA5JTA5JTA5JTA5JTA5JTA5JTNDbGklM0UlMEElMDklMDklMDklMDklMDklMDklMDklMDklMDklM0NhJTIwaHJlZiUzRCUyMiUyMyUyMiUzRUxpbmslMjAzJTNDJTJGYSUzRSUwQSUwOSUwOSUwOSUwOSUwOSUwOSUwOSUwOSUzQyUyRmxpJTNFJTBBJTA5JTA5JTA5JTA5JTA5JTA5JTA5JTNDJTJGdWwlM0UlMEElMDklMDklMDklMDklMDklMDklM0MlMkZkaXYlM0UlMEElMDklMDklMDklMDklMDklM0MlMkZkaXYlM0UlMEElMDklMDklMDklMDklMDklM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1zbS01JTIyJTNFJTBBJTA5JTA5JTA5JTA5JTA5JTA5JTNDZGl2JTIwY2xhc3MlM0QlMjJiYXJfX21vZHVsZSUyMiUzRSUwQSUwOSUwOSUwOSUwOSUwOSUwOSUwOSUzQ2Zvcm0lM0UlMEElMDklMDklMDklMDklMDklMDklMDklMDklM0NpbnB1dCUyMHR5cGUlM0QlMjJzZWFyY2glMjIlMjBwbGFjZWhvbGRlciUzRCUyMlNlYXJjaCUyMGhlcmUlMjIlMjAlMkYlM0UlMEElMDklMDklMDklMDklMDklMDklMDklM0MlMkZmb3JtJTNFJTBBJTA5JTA5JTA5JTA5JTA5JTA5JTNDJTJGZGl2JTNFJTBBJTA5JTA5JTA5JTA5JTA5JTNDJTJGZGl2JTNFJTBBJTA5JTA5JTA5JTA5JTNDJTJGZGl2JTNFJTNDJTIxLS1lbmQlMjBvZiUyMGJhci0tJTNF[/vc_raw_html][/vc_column][/vc_row][/vc_section]