BizBudding Docs

Documentation

Home » MT Docs » Menus » Customizing Your Mobile Menu

Customizing Your Mobile Menu

Knowledgebase:

How to have a custom mobile menu, different than your default menus.

By default, the mobile menu in Mai Theme is automatically created from Header Left, Header Right, and After Header menus depending on which are displaying.

Custom Mobile Menu

You can create a custom mobile menu, with additional content (search bar, social icons, etc) simply by adding widgets to the Mobile Menu widget area.

Here are some example steps to make a custom mobile menu:

  1. Create and save a new menu called “Mobile Menu” in Customizer > Menus or Dashboard > Appearance > Menus.
  2. Navigate to Dashboard > Appearance > Template Parts.
  3. Add a [mai_menu] shortcode.
  4. If you’d like, add a Search Bar, Social Icons, or any other block that would benefit your mobile menu.