visualizzazione pagina carrello su mobile errata - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts

September 20, 2023 at 9:13 am #1419669

Buon giorno,
nel mio sito che allego qui sotto, se provi ad acquistare 2 dello stesso prodotto e poi vai nella pagina del carrello non viene visualizzata la quantità e quindi non puoi modificarla.
Su desktop invece è tutto ok
Come mai?
grazie mille dell’aiuto

September 21, 2023 at 1:58 am #1419799

Nikko

Inactive Moderator

Hi bassato,

Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

@media only screen and (max-width:767px) {
    #top .woocommerce-cart-form .shop_table.cart .cart_item {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    #top .woocommerce-cart-form .shop_table.cart .cart_item td:before {
        content: attr(data-title) ": ";
        font-weight: 700;
        float: left;
    }
    
    #top .woocommerce-cart-form thead,
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-remove:before {
        display: none;
    }
    
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-remove, 
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name, 
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-price, 
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-quantity {
        display: block;
        width: 100%;
        padding: 12px 20px;
    }
    
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name, 
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-price, 
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-quantity {
        text-align: right;
    }
    
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name .component-name {
        max-width: 220px;
        margin-left: auto;
        padding-left: 0;
    }
    
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name .component-name * {
        float: right;
    }
    
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-quantity .quantity {
        width: 170px;
        margin-right: 0;
    }
}

Please let us know if it helps.

Best regards,
Nikko

September 21, 2023 at 8:58 am #1419835

bassato

Participant

Perfetto!
grazie mille Nikko!

September 22, 2023 at 3:51 am #1419969