Problems order image display mobile / desktop

Hi Stefan,

Thanks for the screenshots. Could you post a link to where we can see the actual elements as well please?

Best regards,
Rikard

Hi Stefan,

Thanks for that. I see that you have duplicate ids, you have hello as the ID in the first two Grid Rows. Could you change one of them please? Otherwise we can’t target the CSS properly. We can do it for you but I wanted to ask first since I don’t want to mess anything up on your site.

Best regards,
Rikard

Hi Stefan,

Thanks for that. Please try this in CSS to check if it works for the über uns page:

@media only screen and (max-width: 767px) {
#av-layout-grid-2, #av-layout-grid-3 {
    display: flex;
    flex-flow: column;
}

#av-layout-grid-2 .flex_cell:first-child, #av-layout-grid-3 .flex_cell:first-child {
    order: 2;
}
}

Best regards,
Rikard

Hi,

The order text – image, image text, … (or vice versa) in the mobile display does not match the desktop view.

That is actually the expected layout of the cells on mobile view. The the cells or elements will just stack above each other and will not automatically switch in alternating position. One solution is to hide the cells with images and instead display an actual Image element above the text and have them display only on mobile view.

Best regards,
Ismael