Easy Grid (State Position)

Shaking The Habitual
1

I’m on Easy Grid. Could it be possible, using Utility classes (or I don’t know how), to position it. For example, let’s say they’re all in span-all, and I want Large Item 3 (third place) to be positioned first in the Medium view, i.e., in the position of item 1, so the others move down one spot? Is that possible?

I know it can be done with Grid Plus Pro (and you can really do anything with this stack), but it’s so simple to work with Easy Grid. It would be great if you could specify the exact column/row where the item should appear in Easy Grid as well.

2

Hi @Gianluca -

There is nothing built in to support that as i really wanted to keep the settings/options as limited as possible for the stack. As you say - is easily achieved with Grid Plus/Pro.

You could do it with a little CSS though if you want. Just add a class name to the grid item you want moved (e.g. pos-1) and then the following to the CSS box in RW:

@media (min-width: 600px) {
  .pos-1 {
    grid-column: 1;
    grid-row: 1;
  }
}
2 Likes
3

Thanks Stuart

4

It works perfectly, thanks.
I set it like this (900px), and it’s what I wanted and it does what I wanted.
Thanks.

@media (max-width: 900px) {
  .pos-2 {
    grid-column: 1;
    grid-row: 2;
  }
}
1 Like