Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #302570

    Hi,

    I have a section on my page where I show 6 pictures with respective texts side by side.
    like this:
    picture text
    text picture
    picture text

    ————————————————————————————–
    now when the viewport is reduced to smartphone view
    following happens:

    picture
    text

    text
    picture

    picture
    text
    ————————————————————————————–
    but I would like to have it like this:

    picture
    text

    picture
    text

    picture
    text
    ————————————————————————————–
    I know I could change the DOM order by using jquery within a media query

    But is this the best solution and can I do this from within a code segment in avia?
    Or how can I tell Enfold to build the desired sequence by other means?

    Cheers,
    Marc

    • This topic was modified 10 years, 3 months ago by mw75.
    #303010

    Hey Marc!

    There is no way to do that server-side, you’d need to use JavaScript to either swap them of having two sections with the same content hiding/showing depending on the screen size (that could be done with CSS only).

    Best regards,
    Josue

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