Stacks Image 106

Align Stack

Realign content responsively at each different device size.

Description

Realign content responsively at each different device size.

It often makes sense to align content such as images or text differently on different device sizes.

When your layout rearranges on smaller screens for example, you can realign text and images to the centre for a better overall appearance.

Align allows you to have fine grain control over content realignment at specified screen widths.

Demo

Everything in this demo will re-align to the centre on smaller screens, and to the left on larger screens.

Try re-sizing you're browser window to see this in action.

Stacks Image 835

User Settings

A comprehensive overview of this stacks user settings.

Mode

Choose between:

Text, Image, Or Drop Zone

In drop Zone mode, Align will attempt to re-align any other stack contents you place inside.

Re-alignment buttons

Button quick selections can be made for each device size alignment.

Stacks Image 837
Re-define Breakpoints

You decide the width that define desktop, tablet, and mobile devices.

Made in England © 2023 Doobox Software
Mastodon - Twitter - Company - Subscribe - Cartloom - Branding - Contact Us

Last modified %(last_mod)%

Align Stack