You can create menus and add items for existing content such as pages, posts, categories, tags, formats, or custom links. Check out our support docs on Mai Header and Footer settings, menus, and logo placement.
Easily upload an image to be used as a responsive site logo.
Header left and right navigation or content areas.
Logo on left or right just by adding header navigation or widget content on either side.
Center your logo by adding header navigation or widget content on the left and right.
Optionally enable a sticky header so the header remains visible when scrolling down on larger browsers.
Optionally enabled a shrinking header so the header shrinks to a smaller height when you start to scroll.
Choose an image or a color to globally display at the top of your posts and pages. The Banner Area can be enabled or disabled globally via the Customizer. Here are some of the many possibilities. Read all about the banner area in our support docs.
Optional banner area.
Set a default background color.
Set a default image to be used throughout your site, unless overridden per post/page/area by uploading a different image.
Can be disabled per post type, (remove from posts, pages, etc only).
Can be disabled on specific posts/pages/custom post types (great for landing pages, sections page template, etc).
Automatically displays post/page or archive title in the banner area.
Uses the Excerpt or Archive Intro Text meta box to add custom content to each banner area.
Additional display settings
Background overlay styles (Light, Dark, or Gradient).
Inner styling (Light or Dark).
Content width (Auto, Extra Small, Small, Medium, Large, Extra Large, Full Width).
Text alignment (Left, Center, or Right).
Mai Theme comes with 9 built-in page layouts. They can be configured for archives, pages and posts – each post type can have a unique layout, and/or a default layout can be configured. Learn more about site layout settings.
Full Width Content
Extra Small Content
Boxed Container settings
Enable auto-display of the featured image on posts and pages.
Optionally hide the featured image from auto-displaying on specific posts or pages.
The Genesis Content Archives settings allow you to control the way content displays on category, tag, author, date, and taxonomy archive pages. Mai Theme renames and extends this functionality with the Mai Archive Settings configuration area on Archive pages. Read into our Content Settings documentation for more details.
Enhanced “Archive Settings” to (globally or per-area) customize your site archives (blog, categories, tags, taxonomies, author, etc).
Set the defaults via Genesis > Theme Settings > Mai Settings, to be used on the blog archive, author archives, category, tag, search, and 404 pages.
Override per-area of your site by enabling custom archive settings via the Mai Content Archive Settings meta box on enabled post types, categories, tags, taxonomies, and author archives.
Change the archive display for a single category, or an entire post type (Products, Books, etc).
Display your archives in 2, 3, 4, or 6 columns.
Display your entries with/without content, or a content limit, or show excerpts.
Optionally include a Read More link.
Optionally include the Featured Image.
Change the location of the Featured Image (before entry, before or after title, before the content, or as a background image).
Change the size of the featured image.
Optionally remove the post info (author/date/comments/etc).
Optionally remove the post meta (categories, tags, custom taxonomies).
Display archive pagination as page numbers or previous/next page links.
There are several page templates included in the theme. When editing a page, you can locate the page attributes on the right-hand side. Under “Templates” select the dropdown menu, and choose which template you’d prefer. Discover more details about our included page templates.
Create full page width sections with customization settings for each section.
Add as many sections as you want.
No more fussing with widgets to build your home page.
Now you can create landing pages and other similar pages that look just like your home page, with big, full-width sections, full-width background images, responsive columns, and much more.
Extremely powerful when used with other shortcodes included with Mai Pro.
Create slim and simple landing pages to force focus on your content.
Removes navigation, footer widgets, and other elements to make an extremely slimmed-down version of a standard page.
Create a powerful Sitemap page.
An enhanced version of the Genesis “Archive” template.
Automatically adds any public custom post types, including Products, Portfolio, etc.
Mai Theme includes the [[grid]], [[columns]], and [[section]] shortcode for powerful and dynamic layouts. They can be used on any post type or templates to format a variety of content types. Read more of our documentation on grids, columns, and section shortcode parameters.
Display a grid of posts, custom post types, or category/tag/taxonomy terms.
Choose how many columns to display your entries in.
Show/hide different elements (title, image, meta, read more link, etc).
Change the location of the entry image (before entry, before or after title, before the content, or as a background image).
Easily create a posts/content slider with slider configuration options.
Includes FacetWP support, just set a parameter and add a facet on the same page as the shortcode.
[[columns]] & [[col]]
Display any content in responsive columns.
Use via the Sections page template or manually via the shortcode.
Create full page width sections.
Great for home page or landing pages.
Mai Theme supports five menu locations. 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. Read more about menus in our support docs.
Multiple menu locations (Header Left, Header Right, Primary (after the header), Footer).
Optionally add a Custom Menu widget to the Before Header or Site Footer widget areas.
Easily add a search icon with popup search box.
Easily add Font Awesome icons to menu items.
Mai Pro includes a built-in, extremely versatile mobile menu system.
Don’t do anything, and Mai Pro will use any visible menu in the mobile menu automatically.
To use a specific menu just create/edit your menu and choose “Mobile Menu” as a display location ‘Mobile Menu’ via Appearances > Menus.
Optionally put custom content in your mobile menu by using the ‘Mobile Menu’ widget area. This option overrides all the others. Great with Custom Menu widget(s), Search widget, Simple Social Icons, Text widget, etc.
Mai Theme supports 10 widget areas, plus as many footer widgets as are configured in Theme Settings. The home page in the Mai Theme demo doesn’t use all 10 widget areas – only the widget areas in use are displayed. Read more details on widgets in our documentation.
Choose 1, 2, 3, 4, or 6 footer widget areas.
Built with HTML5 and CSS3 with Flexbox.
Fully Responsive (built with a 12 column grid).
Automatic responsive video embeds.
Built in support for WooCommerce and Genesis Portfolio Pro plugins.
Better responsive native WP galleries.
The theme is best used when Settings > Reading > Front page displays is set to “A static page” for Front page and Posts page.
A Theme in a Plugin?
I know, it sounds strange, but think about the “gotcha” in all of the current Genesis child themes. Every Genesis child theme I’ve ever seen leaves you ‘stuck’. If the developer(s) discovers a bug and makes a fix, you’ll need to hire a developer to add the change without affecting your current site, especially if it’s customized! You may be able to do it yourself if you haven’t touched any code in your theme, but it’s always been risky.
Having a theme that runs on an engine plugin allows us to offer new features or bug fixes (if you all manage to find some) via a seamless plugin update that you’re already used to, in your WordPress Dashboard.