Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 16, 2018 at 11:28 pm #986150
    sdturnbull

    Hi,
    I know this subject has been asked before, but there is no clear answer I can find:
    I would like the ability to swap the order of cells in a 2 column grid row (first column text, the second image) on a mobile so the image is displayed second and therefore is placed underneath the text.
    So, on a Desktop/Tablet the order is TEXT->IMAGE yet on a mobile it shows as IMAGE->TEXT
    I do not want to duplicate the Grid Row and have one display on mobile, the other on desktop/tablet as this also duplicates the code and introduces extra work – it feels like a bad work-a-round.
    Is there a way of doing this via CSS?
    Thanks,

    July 19, 2018 at 1:41 pm #987386
    Ismael

    Hey sdturnbull,

    Thank you for using Enfold.

    The flexbox property might help.

    // https://css-tricks.com/snippets/css/a-guide-to-flexbox/

    Set the “order” property of the cells manually.

    Best regards,
    Ismael

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