the answer for all question about Oxygen Builder plugin and WordPress

I have a feeling (and hoping) there’s an easy solution for this, but i just don’t know how to do thi

I have a feeling (and hoping) there’s an easy solution for this, but i just don’t know how to do this. I’m trying to create a column with two divs (grey/organge). When on mobile (less than 992px) , the orange divs all move to the very bottom. Any advice on how to stack the divs, like the pic on the right?




Source

Blogzine Design Set

Mega Design Set - 500+ Blocks

12 Comments
  1. Andy says

    How do you have your structure set up? Can you provide a screenshot

  2. Timothy says

    Can each grey/orange pair share a parent row/div so that they stack automatically?

  3. Parv says

    Couple options.
    1) use flex, direction column, and use order to order the divs as suit you

  4. Einar says

    Could be done with grid

  5. Udoro says

    Naturally they should stack as you want. I’m curious how the orange Divs moved to the bottom.

  6. Robin says

    Play with
    @media only screen and (max-width: 768px {
    .your-div:nth-child(even){
    flex-direction: row-reverse;
    }
    }

  7. Nelson says

    https://codepen.io/rachelandrew/pen/VwLLRKE Use Grid Templating to switch them around on mobile

  8. Andrew says

    Couldn’t you just use the flexbox property “order?”

  9. Papis says
  10. Paul says

    I duplicated divs within a div… that didn’t help..
    Using Grid is what i’m going for. Still learning! Thanks for your help.

  11. Ryan says
Leave A Reply

Your email address will not be published.

Oxyrealm Docs OxyMade - Oxygen Builder Design Set Mega collection