• Skip to main content
  • Skip to header right navigation
  • Skip to site footer
  • Main Site
  • About Us
  • Services
  • Support
  • Blog
BizBudding Docs

BizBudding Docs

Documentation

  • Mai Theme Docs
    • Mai Themes (v2)
  • Classic Theme Docs
    • Pretty Darn Cute
    • SEO Themes
    • Mai Theme (Classic)
  • Search
Home » MT Docs » Menus » Customizing Your Mobile Menu

Customizing Your Mobile Menu

Knowledgebase: Menus

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.
Previous Post: « Adding a Menu Search Icon
Next Post: Adding Menu Icons Icons in a navigation menu »
bizbudding team

Need some help with your theme?

Open a support request by filling out our support form.

Get Support

Sidebar

Knowledgebase

First Steps

Menus

Content Areas

Customizer

Blocks

Shortcodes

Advanced/Developers

Plugins




BizBudding icon

Resources

  • Shop
  • Affiliates
  • Data Protection
  • Privacy Policy
  • Terms & Conditions
  • Contact Us

quick links

  • Main Site
  • About Us
  • Services
  • Support
  • Blog

Contact Details

1001 County Road 517, Suite 1
Hackettstown, NJ 07840

(877) 548-2440

Contact Us


  • Mai Theme Docs
    • Mai Themes (v2)
  • Classic Theme Docs
    • Pretty Darn Cute
    • SEO Themes
    • Mai Theme (Classic)
  • Search

Copyright © 2010–2021 BizBudding Inc. · All Rights Reserved ♥ Work hard and be nice to people.