Menu icon Foundation
Fixed-Width Columns?

My issue is simple, but for the life of me, I can't find a solution.

I want a two-column layout with columns that stay a fixed size as the window is resized, until the "small" breakpoint is hit, at which point the layout switches to the single-column mobile layout. I can't figure out how to do this and by default, the columns resize as the window is resized.

I'm using JointsWP, for the record.

Thank you in advance!

columnscolumnfixed-width layoutfixed-with

My issue is simple, but for the life of me, I can't find a solution.

I want a two-column layout with columns that stay a fixed size as the window is resized, until the "small" breakpoint is hit, at which point the layout switches to the single-column mobile layout. I can't figure out how to do this and by default, the columns resize as the window is resized.

I'm using JointsWP, for the record.

Thank you in advance!

Rob Lampard about 4 years ago

You can just style the classes as "small-12 medium-6 columns" and it should achieve the effect for you.

Use media queries to change the styles for small breakpoint if you need too.

Rafi Benkual about 3 years ago

Something like this would work: http://codepen.io/winghouchan/pen/wcrAI