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
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