Menu icon Foundation
Foundation column ordering

Hey guys! I'm new to Foundation and I've looked and tried everything but I couldn't achieve what I wanted.

The problem is next, I want a column to be first on medium and small screen sizes.

My order is this.

3 - 6 - 3 < large

And I want the middle one (6) to be first on mobile phones and tablets, like so

6
3-3 (tablet)

6
3
3 (mobile phone).

Can someone help me out?

orderpushpullcolumns

Hey guys! I'm new to Foundation and I've looked and tried everything but I couldn't achieve what I wanted.

The problem is next, I want a column to be first on medium and small screen sizes.

My order is this.

3 - 6 - 3 < large

And I want the middle one (6) to be first on mobile phones and tablets, like so

6
3-3 (tablet)

6
3
3 (mobile phone).

Can someone help me out?

Rafi Benkual over 3 years ago

This is how I did it http://codepen.io/rafibomb/pen/XJyeeK

You can use source ordering push and pull to do this.

My method was to build the grid layout mobile first. That way the code is already in the right order.