Bones comes with a built-in mobile menu with it's own region. To activate the mobile menu:
- Tick the 'Use the Bones mobile menu' setting on the subtheme settings page under Appearance:
Add content to the Mobile Navigation region. This region will only show for mobile users when the menu button is clicked/tapped.
That's it! You can add any type of block to the mobile navigation region, and style it in anyway you choose. By default the mobile navigation region will push other content down the page, but you can set it to an overlay-style navigation by overriding the region display css.