Responsive Columns Stack

These columns will automatically align each under another if the horizontal space is getting too small. This way you can view your columns perfectly even on smartphones and tablets. It simply fits for your viewing device. Included are two Stacks, one "two column"- and one "three column"-Stack. All my product pages use this Stack in order to make it look better on mobile devices!
Stacks Image 3524

Screenshots

Examples

Two column layout (3/9)

Column 1
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Column 2
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Three column layout

Column 1
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Column 2
Column 3
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Settings

    Gutter: Enabling this will create a small amount of space between each column
    Layout: The page is divided into 12 columns and you can choose how many of them will be used for the responsive columns from 1/11, 2/10, 3/9, ... to 11/1

Browser Compatibility

  • Safari
  • Chrome
  • Opera
  • Internet Explorer
  • Firefox

Downloads

Stacks Image 4561

Download Project File

Infos and Requirements

Rapidweaver
Rapidweaver 5/6
Stacks 2 only
Stacks 2.1.8
Responsive
Compatible to
responsive themes
Internet
Internet connection
for preview