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

BizBudding Docs

Documentation

  • Mai Theme Docs
    • Mai Themes (v2)
  • Classic Theme Docs
    • Pretty Darn Cute
    • SEO Themes
    • Mai Theme (Classic)
Home » Mai Theme (Classic) » Menus

Menus

Menus are used for navigating the content on your site. You can create menus and add items for existing content such as pages, posts, categories, tags, formats, or custom links.

Menu Locations

Mai Theme supports 5 menu locations:

  1. Primary
  2. Header Left
  3. Header Right
  4. Footer
  5. Mobile

You can create as many menus as you want, but only one menu can be used in each location. A menu location does NOT need to use a menu. If there’s no menu, the menu location will not be created.

Consult “A Beginners Guide to the Genesis Framework” for complete instructions on adding and editing menus.

Menu Classes

Before adding any custom menu classes you need to make sure the CSS Classes field is enabled for menu items. This can be enabled via Screen Options setting on the admin Menus screen.

Search Icon

To add a search icon with popup search box just build your add a Custom Link menu item and add search to the CSS Classes field.

Highlight Buttons

Mai Theme allows you to easily add a highlight button around a menu item with the highlight  class. Just build your menu item as normal and add highlight to the CSS Classes field.

Mobile Menu

Here are some of the ways you can customize Mai Theme’s extremely flexible mobile menu.

Standard Menu (slide down) or Side Menu (slide in from the right)

Mobile Menu Items

By default, Mai Theme will automatically display any menus the are shown on desktop (larger browser sizes) on mobile (and smaller browser sizes). Therefore, you technically don’t need to do anything, the mobile menu “just works”.

Mobile Menu Content

If you’d like to add custom content like text, images, social icons, etc., you can use the Mobile Menu widget area built in to Mai Theme. Simply add any widgets you’d like into that widget area.

The Mobile Menu widget area overrides the default mobile menu, so make sure you add at least one Navigation Menu widget if you want your mobile menu to actually display a menu.

Other widgets that work well in the Mobile Menu widget area are Text, Custom HTML, Image, Search, Simple Social Icons, Genesis – User Profile, and pretty much anything else!

Related YouTube videos:

How To Add A Button (Highlight) To A Menu Item In Genesis Mai Theme

How To Add A Menu Search Icon In Mai Theme

Add Text And Content To The Mobile Menu With Customizations In Mai Theme 

Use A Slide Out Side Menu On Mobile In Genesis Mai Theme

Knowledgebase (Classic): CustomizationMai Theme (Classic): Mai Lifestyle Theme, Mai Law Theme, Mai Business Theme, Mai News Theme

Sidebar

Knowledgebase (Classic)

Start Here

Customization

Shortcodes

General

Plugins




BizBudding icon

Resources

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

quick links

  • Main Site
  • Blog
  • Support

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)

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