Cart on mobile

Hi,

We activated related products and cross sales for our products.

But in the mobile version of our cart, the related products appaears before the cart recap.

Is it possible to reverse the order of the two blocks with CSS or something else ?

Thank you very much for your help.

Best regards,

Guillaume

Hello,

Please add this CSS code to the Theme Settings > Custom CSS > Mobile:

body .cart-collaterals {
    display: flex;
    flex-direction: column;
}
body .cart-collaterals .cross-sells,
body .cart-collaterals .cart_totals {
    width: 100%;
    float: none;
}
body .woocommerce .cart-collaterals .cart_totals {
    order: 1;
    margin-bottom: 50px;
}
body .woocommerce .cart-collaterals .cross-sells {
    order: 2;
    margin-bottom: 0;
}

Best Regards

[Author]

Posts