• Skip to main content
  • Skip to header right navigation
  • Skip to site footer

Mai Reach Theme

A Genesis User Guide

  • Home
  • Tutorials
  • Videos
  • Images
Main hero header image for Mai Reach theme tutorial site.

Full width or boxed site layout

The website header and footer background color can span the full browser width or be contained in a boxed layout.

A full width layout can have extra wide blocks

You might expect the full width layout to have a much wider content area than the boxed layout. It doesn’t.

But you can make some blocks break out of the content area, spanning almost the full browser width.

See how the wide block breaks out of the boxed layout

  • A wide block can break out of the sides of a boxed layout.
  • This is a full width site layout. Although the wide block still breaks out of the content area, it looks OK.

Look at the two examples above. The “KPI” block at the top of both sites is set to break out of the normal content area width. On the boxed layout, the wide block looks silly. On the full width layout the extra wide “KPI” block looks OK.

Will your content suit a wide or narrow layout?

If your content is mostly text…

  • you don’t want to use extra wide blocks
  • you’re happy to use smaller images
  • you don’t want to make fancy image heavy page layouts
Use a boxed site container

But if you use lots of…

  • images side by side
  • post grids
  • image galleries
  • or any other wide content
Use a full width site layout.

How do you enable the boxed site layout?

Go to…

Dashboard > Appearance > Customize > Theme Settings > Site Layouts > Default

Tick the box that says “Enable boxed site container”.

Category: Mai Reach Theme Tutorials
Previous Post: « Page headers featured image. Mai Reach Page Headers
Next Post: Mai Post Grid block »

Learn more about Mai Reach theme

(It’s one of the new generation from BizBudding)

Mai Reach Theme

Mai Reach Tutorials

Mai Reach is one of the new generation of themes by BizBudding. They’re the people behind Mai Lifestyle, one of the most popular themes on StudioPress.

Mai Reach Tutorials

Template Parts

Template parts replace many of the widget areas in this block based theme.

Find out more about…

Template Parts

Genesis Framework

Mai Reach is built on the Genesis framework. Genesis is a good solid foundation for your website.

If you’d like to know more about Genesis read this.

This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by BizBudding, StudioPress, WP Engine, Copyblogger Media LLC, WordPress, or Automattic Inc. WordPress, Genesis, StudioPress, WP Engine and BizBudding are registered trademarks of their respective owners.