Marathia’s Stacks

RapidWeaver stacks for the rest of us

RapidWeaver stacks for the rest of us

Stacks Image 91039

SmartFloat Stack example #8

order of the elements on small screens


start | examples: #1 | #2 | #3 | #4 | #5 | #6 | #7 | #8 | back to the product page

In prior versions of the SmartFloat Stack, the floating element could only be shown above the wrapping element on small screens. New in version 1.2 is the option to show the floating element below the wrapping element on small screens.
On screens wider than 768px, this text wraps around the image on the left.
On smaller screens, this text is shown below the image.
Some filler text to make the floating element bigger than the wrapping element: 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. 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.
On screens wider than 768px, this text wraps around the image on the left.
On smaller screens, this text is shown above the image.
Some filler text to make the floating element bigger than the wrapping element: 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. 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.

Yes, this website uses cookies too. Here’s the annoying but obligatory cookie warning. More info…