Change LBM Column Order On A Mobile Device

[I-CRE8]

The easiest way to change the order of the LBM floated layout is to change the layout to CSS Grid for the mobile presentation. Then you can easily change the rendered order of any of the columns.

Add this style rule to the end of your exception style sheet:

@media only screen and (min-width: 0px) and (max-width: 700px) {
.lbm-col-wrapper {
display: grid !important;
}
.lbm-column:nth-child(1) {order: 2;}
.lbm-column:nth-child(2) {order: 1;}
.lbm-column:nth-child(3) {order: 3;}
}

This switches the layout to CSS Grid spec and sets the different order.