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:
- Create and save a new menu called “Mobile Menu” in Customizer > Menus or Dashboard > Appearance > Menus.
- Navigate to Dashboard > Appearance > Template Parts.
- Add a
[mai_menu]shortcode. - If you’d like, add a Search Bar, Social Icons, or any other block that would benefit your mobile menu.
Aligning a Menu Item