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.

Mai Theme supports 5 menu locations:

Primary
Header Left
Header Right
Footer
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.

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.

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!

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

Menu Locations

Menu Classes