Change the order between desktop and mobile

Hey Coco,

I think the easiest solution for that result would be to create a new section and design it the way you want it to flow on mobile and then to hide the new section for all screen sizes and show it only for mobile. You can turn on custom CSS field for your ALB items by following this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/. You can then add custom CSS like this:

@media only screen and (max-width: 767px) {
.show-for-mobile {
display:block !important;
}
.hide-for-mobile {
display:none !important;
}
}

@media only screen and (min-width: 768px) {
.show-for-mobile {
display:none !important;
}
.hide-for-mobile {
display:block !important;
}
}

Add the show-for-mobile class to the section you want to show on mobile and the hide-for-mobile to the one you want to show on all other screen sizes.

Best regards,
Jordan Shannon