Introduction to Mai Theme
An introduction to the core of how Mai Theme works, and why it's different (and better).
Get Started With Mai Theme V2
All documentation articles for our latest themes running Mai Engine plugin. For classic themes (Mai Lifestyle/Law/Business/News) view the classic docs here.
WordPress Settings
The default WordPress settings that work best for Mai Theme.
Installation/Activating Your Theme
How to install and activate your theme.
Importing Demo Content (Mai Setup Wizard)
How to instantly get your site looking like the demo with the Mai Setup Wizard.
Regenerating Images
Generate all of the images sizes registered in Mai Theme.
Understanding Image Sizes
We often get the question, “What size images should I upload?” when people are new to Mai Theme. When using Mai Theme you no longer have to think about image sizes. Instead, you only need to be concerned with orientation and aspect ratio. Image Sizes We recommend uploading larger images in order to future-proof your …
Adding a Logo
How to add a logo, set the width on desktop and mobile, and customize the top/bottom spacing.
Available Menu Locations
All of the available menu locations in Mai Theme.
Adding a Menu Search Icon
How to add a search menu icon with popup/dropdown search field.
Adding a Menu Button
How to add a callout button menu item to your menu.
Adding Menu Icons
Adding an icon to your menu is possible with our shortcode.
Aligning a Menu Item
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 …
Customizing Your Mobile Menu
How to have a custom mobile menu, different than your default menus.
Template Parts (Block-based ‘Widget Areas’)
Versatile, block-powered content areas.
Hide Elements (& Landing Pages)
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 …
Colors
Set your base colors to appropriately reflect your brand. Color settings are used for the color palette in blocks and other customizer settings.
Typography
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.
Site Header
Design your site header with dynamic sticky and transparency options.
Page Header
Enable and customize your page header on posts, pages, and archives.
Enable Content Types (Single & Archive)
Control the way content displays on your archive pages.
Comments and Trackbacks
Enabling comments and trackbacks on posts an pages.
Header and Footer Scripts
Add code to output immediately before the closing or
