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:
- Header Left
- Header Right
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.
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.
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!