Home › Forums › Basel support forum › Cart on mobile

Cart on mobile

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 21, 2018 at 12:48 pm #90778

    gfontain
    Participant

    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

    November 21, 2018 at 3:18 pm #90810

    Elise Noromit
    Member

    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
Viewing 2 posts - 1 through 2 (of 2 total)