# How to make top menu collapsable with Foundation 6

**URL:** <https://forum.pinegrow.com/t/how-to-make-top-menu-collapsable-with-foundation-6/652>\
**Category:** Foundation\
**Created:** [January 28, 2017, 8:45am UTC](https://forum.pinegrow.com/t/how-to-make-top-menu-collapsable-with-foundation-6/652 "2017-01-28T08:45:05Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\
**Post date:** [January 28, 2017, 8:45am UTC](https://forum.pinegrow.com/t/how-to-make-top-menu-collapsable-with-foundation-6/652/1 "2017-01-28T08:45:05Z")

</div>

See here:  
[https://zurb.com/university/lessons/how-to-re-create-top-bar-with-foundation-6](https://zurb.com/university/lessons/how-to-re-create-top-bar-with-foundation-6)

Code example here:  
[http://zurb.com/building-blocks/f6-top-bar](http://zurb.com/building-blocks/f6-top-bar)

Although to save time I should have checked Pinegrow docs!

[http://docs.pinegrow.com/foundation/make-top-menu-collapsable-foundation-6](http://docs.pinegrow.com/foundation/make-top-menu-collapsable-foundation-6)