the cart is not responsive on smartphones

nextastudio

Hi, the cart is not responsive on smartphones. The elements of the page overlap.

The site is https://demo.climatuo.it/carrello/

Phil

Hi,

Thanks for reporting.

We will correct it in the upcoming update, but for now, please use the following CSS code:

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-cart-form { flex-basis: 100%; max-width: 100%; }
    .mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .cart-collaterals { flex-basis: 100%; max-width: 100%; margin-left: 0;  }
}

@media only screen and (max-width: 767px) {
      .mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-notices-wrapper { flex-basis: 100%; max-width: 100%; }
      .mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-cart-form { flex-basis:100%; max-width: 100%; }
      .mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .cart-collaterals { flex-basis: 100%; max-width: 100%; margin-left: 0;  }
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

nextastudio

perfect thanks