Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 7, 2017 at 3:41 am #835181
    WP Turned UP

    Hello. If you look at this website in iPad (portrait), you’ll see that the images (1st Grid Row Cell) are stacked on top of the text (2nd Grid Row Cell). Is there a way to define which Grid Row cell gets “stacked” on top? I’d like these flip-flopped in some situations, such as this one.

    Thank you,
    Ryan

    August 7, 2017 at 3:43 pm #835416
    Rikard

    Hey Ryan,

    I haven’t tried it myself but you could try to set the containers to display flex and then set the order for them individually:

    .containers {
  display: flex;
  display: -ms-flex;
  flex-direction:column;
}
.individual-container {
  order:1;
}
}

    Best regards,
    Rikard

    August 7, 2017 at 4:39 pm #835460
    WP Turned UP

    Thanks. I went with the new options to hide/show on mobile, within Enfold.

    August 8, 2017 at 7:24 am #835716
    Rikard

    Hi,

    Ok, thanks for the feedback. That works too I guess :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.