Page Header

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

How To Use

1. View Customizer > Theme Settings > Page Header.
2. Customize your page header settings as you'd like.
3. Publish/save and view your site.

Settings

Enable a Page Header on Singular Content Types

These settings can be overridden on a per post basis. Check all the singular post type pages you want to display a header. This will enable the Page Header and extra settings in Single Content for single Posts, Pages, etc.

Enable a Page Header on Content Archives

These settings can be overridden on an archive basis. Check all the archives you want to display a header.

Vertical Spacing

Accepts all unit values (px, rem, em, vw, etc). Default top and bottom spacing is 10vw.

Content Width & Alignment

Change the max width and alignment of the page header inner content.

Text Alignment 

Choose the alignment for your page text.

Default Image

This can be overridden on a per post basis. Select or upload your default image to the Media Library.

Overlay

Background Image/Overlay Color

Use the color picker to add a color overlay to your page header image.

Overlay Opacity

The background color opacity when page header has an image.

Default Text Color

Choose either a light or dark text color for your page headers. Your light and dark color settings should already be set in Base Styles.

Divider

Divider Style

Customize how the page header should be styled between the header and body of the page.

Available divider styles:

• Angle
• Curve
• Point
• Round
• Wave

Flip Divider

After choosing the divider style, you can optionally flip the divider horizontally and/or vertically.

Divider Color

This should match your body background color.

Screenshots

Move Page/Post Title Out Of Page Header

/**
 * Move title out of page header and back into the main content in Mai Theme.
 * 
 * @return bool
 */
add_filter( 'mai_entry_title_in_page_header', '__return_false' );