Get Started With Mai Theme V2

The default WordPress settings that work best for Mai Theme.

How to instantly get your site looking like the demo with the Mai Setup Wizard.

Generate all of the images sizes registered in Mai Theme.

How to add a logo, set the width on desktop and mobile, and customize the top/bottom spacing.

All of the available menu locations in Mai Theme.

How to add a search menu icon with popup/dropdown search field.

How to add a callout button menu item to your menu.

Adding an icon to your menu is possible with our shortcode.

You can align a menu item to the right or left with some helper utility classes we have built in to Mai Theme. To make a menu item align all the way to the right, you need to put “auto” margin on the left of it by adding has-auto-margin-left class the the menu item. To …

How to have a custom mobile menu, different than your default menus.

Versatile, block-powered content areas. Our block-based solution for Widget Areas.

The available widget area in Mai Theme.

Mai Theme has a super easy to use and extremely flexible metabox on every post/page called “Hide Elements”. It should be self-explanatory and does just this, hides elements on the page. Check the boxes for whatever you want to hide on the specific post/page you’re editing. The default location for this metabox is in the …

Set your base colors to appropriately reflect your brand. Color settings are used for the color palette in blocks and other customizer settings.

Set your body and heading typography with loads of Google font options. Fonts are downloaded to your server and loaded locally for lightning fast pagespeed.

Set up your global site layouts for every content type.

Design your site header with dynamic sticky and transparency options.

Align and set breakpoints for navigation menus.

Enable and customize your page header on posts, pages, and archives.

Control the way content displays on your archive pages.

Specify how content displays on each archive type.

Specify how content displays on each post and page type.

Select the pages which should display breadcrumbs.

Enabling comments and trackbacks on posts an pages.

Add code to output immediately before the closing or tag in the document source.

An extremely powerful set of blocks to display a grid of post or term entries in various layouts.

Add and customize a full width section divider.

Add an icon, adjust size, colors, spacing, and more.

The shortcode is a fully-functioning shortcode version of our Mai Icon block. It’s great for putting icons in menus and anywhere blocks are not currently available. We have all Font Awesome 5 Pro icons, in light, regular, and solid styles. Your first step is to decide which icon you want to use. icon (required) This …

Our Mai Avatar shortcode allows you to display a post author’s avatar in your header or footer meta, inside your content, template parts, or anywhere shortcodes can be used. The example below adds the shortcode to the Header Meta text field in Customizer > Theme Settings > Single Content > Post. Here are the available …

Add a star rating anywhere in your content. Works great in the Custom Content field in Mai Post Grid or the Customizer, or in the description of Mai Favorites.

If you’re a beginner/intermediate user of CSS you may look under the hood of Mai Theme and see things look a little stranger than you’re used to when it comes to our CSS. Mai Theme makes extensive use of “custom properties,” also known as “CSS variables” to allow much more efficient overrides when customizing your …

All current Mai Themes use a config based system for global settings and defaults. Any theme can override the defaults by adding a config.php file in the root directory of the theme. Create config.php File Create a config.php file in your theme, if it doesn’t exist (you will need server access to do this) in …

Manage your products and services with this plugin. It’ll create a post type for your affiliate links with images, description and buttons. Don’t have Mai Favorites plugin? Discover more details about our custom-built plugins, and get it today.  Required Parameters Your favorite links are easily displayed on a page via the Mai Post Grid block, …

Your testimonials are easily displayed on a page via the Mai Post Grid block. Don’t have Mai Testimonials plugin? Discover more details about our custom-built plugins, and get it today.  Required Parameters Mai Theme includes our Mai Testimonials plugin, which is displayed through the Mai Post Grid block for powerful and dynamic testimonials layouts. The …