Foundation

How to make top menu collapsable with Foundation 6

Unlike in Bootstrap, collapsable top menu behaviour doesn’t come out of the box with Foundation 6. Still it is easy to do by adding responsive title bar element above the top bar menu. Download sample project. Here’s the sample code: <div class=”title-bar” data-responsive-toggle=”menu” data-hide-for=”medium”> <button class=”menu-icon” type=”button” data-toggle></button> <div class=”title-bar-title”>Menu</div> </div> <div class=”top-bar” id=”menu”> <div […]