Facebook Instagram
This section has a Section width of 8 of 12. It is centered in the page automatically.

The MightyMerchant Layout Builder

Each of the sections on this page is generated with a dynamic subpage insert.

Below are examples of different section types and explanations of the Section Width and Background Type Settings.

This section has a Background Type of "content-full" which means the section will break out of the main container and go all the way to edge of the screen, regardless of screen size.

Creating Multi-Column Layouts

Sometimes you will want to put two types of sections next to each other that are more complex than two blurbs. To get started just change the Section Width of the sections you want next to each other. Sections that are next to each other and with a combined width that doesn't exceed 12 columns will appear side by side on desktop screens. At tablet and phone sizes the sections will break onto their own row.

Where the Sidewalk Ends

-Shel Silverstein

There is a place where the sidewalk ends
And before the street begins,
And there the grass grows soft and white,
And there the sun burns crimson bright,
And there the moon-bird rests from his flight
To cool in the peppermint wind.

Let us leave this place where the smoke blows black
And the dark street winds and bends.
Past the pits where the asphalt flowers grow
We shall walk with a walk that is measured and slow,
And watch where the chalk-white arrows go
To the place where the sidewalk ends.

Yes we'll walk with a walk that is measured and slow,
And we'll go where the chalk-white arrows go,
For the children, they mark, and the children, they know
The place where the sidewalk ends.

This is a section-card component that has the Section Width set to 9 of 12. The column to the left has a Section Width set to 3 of 12.

Featured Photos as part of a Multi-Column Layout

Homemade copy

Fresh Ingredients copy

This section has a Background Type set to bg-full. This will set the background for the entire row. Only the first section in a row should have bg-full set. Additionally, the Section Widths of the sections in the row must add up to 12 columns for the positioning to work correctly.

Where the Sidewalk Ends

-Shel Silverstein

There is a place where the sidewalk ends
And before the street begins,
And there the grass grows soft and white,
And there the sun burns crimson bright,
And there the moon-bird rests from his flight
To cool in the peppermint wind.

Let us leave this place where the smoke blows black
And the dark street winds and bends.
Past the pits where the asphalt flowers grow
We shall walk with a walk that is measured and slow,
And watch where the chalk-white arrows go
To the place where the sidewalk ends.

Yes we'll walk with a walk that is measured and slow,
And we'll go where the chalk-white arrows go,
For the children, they mark, and the children, they know
The place where the sidewalk ends.

Featured Photos as part of a Multi-Column Layout

Homemade copy

Fresh Ingredients copy

Circle Icon

Love is All You Need

test insert

eCommerce Shopping Cart powered by MightyMerchant