the cart is not responsive on smartphones

Comments

• Phil

  July 2024

  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

  July 2024

  perfect thanks