/* ===========================
4N6 WooCommerce Mobile Fix
Cart & Checkout Responsive
=========================== */
@media only screen and (max-width: 767px){
/* Main container */
.woocommerce{
padding: 0 15px;
}
/* Cart table */
.woocommerce-cart table.shop_table{
border: none !important;
}
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table th{
padding: 12px 5px !important;
font-size: 15px;
}
/* Product image */
.woocommerce-cart table.shop_table img{
width: 65px !important;
height: auto !important;
border-radius: 10px;
}
/* Product title */
.woocommerce-cart .product-name a{
font-size: 18px !important;
font-weight: 600;
color: #15396B !important;
line-height: 1.4;
}
/* Quantity box */
.woocommerce .quantity .qty{
width: 55px !important;
min-width: 55px;
}
/* Cart totals */
.cart_totals{
width: 100% !important;
margin-top: 25px !important;
}
/* Gradient Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .checkout-button,
.woocommerce #payment #place_order{
width: 100% !important;
display: block !important;
background: linear-gradient(90deg,#23c6f5,#b13ef8) !important;
color: #fff !important;
border: none !important;
border-radius: 18px !important;
padding: 16px 20px !important;
font-size: 18px !important;
font-weight: 700 !important;
text-align: center !important;
box-shadow: 0 10px 30px rgba(92,78,255,.25);
}
/* Fix button overflow */
.wc-proceed-to-checkout{
padding: 0 !important;
}
.wc-proceed-to-checkout a.checkout-button{
margin: 20px 0 !important;
}
/* Remove unnecessary spacing */
.woocommerce-cart .cart-collaterals{
margin-top: 15px !important;
}
/* Footer gap remove */
.site-main,
.content-area{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
}
Skip to content
Showing all 7 results
