Marathia’s Stacks

RapidWeaver stacks for the rest of us

RapidWeaver stacks for the rest of us

Stacks Image 91370

SmartFloat Stack example #5

fixed width for the floating element


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

With both the option set minimum width and the option set maximum width of the floating element, the result is a fixed width floating element. The width setting will be overruled in this case.
This demo only works on screens wider than 768px. Yours isn’t :(

Please enlarge your window, or view this page on another device.
This section has a width of 200px – both the minimum and the maximum width of the floating element in the SmartFloat stack below.
Stacks Image 91387
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.

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