Mobile Menu

Bones comes with a built-in mobile menu with it's own region. To activate the mobile menu:

  1. Tick the 'Use the Bones mobile menu' setting on the subtheme settings page under Appearance:

    Bones theme settings
  2. 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.