Customizing Your Mobile Menu

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.

How To Create A 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 > Content Areas.
  3. Edit the "Mobile Menu" Content Area.
  4. Add a [mai_menu] shortcode.
  5. If you’d like, add a Search Bar, Social Icons, or any other block that would benefit your mobile menu.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us