Archived topic
GP Premium 1.81 has broken quantity buttons on Woocommerce
20 replies · Started by Neil on April 25, 2019
I've had a play around with this, feels a little hacky to be honest.
@media (max-width: 768px){
.woocommerce table.shop_table_responsive tr.woocommerce-cart-form__cart-item {
display: flex;
flex-wrap: wrap;
}
.woocommerce table.shop_table tr.woocommerce-cart-form__cart-item td {
flex: 1 1;
}
.woocommerce table.shop_table tr.woocommerce-cart-form__cart-item td.product-name {
flex: 1 0 75%;
box-sizing: border-box
}
.woocommerce table.shop_table tr.woocommerce-cart-form__cart-item td.product-remove {
flex: 0 0 30px;
box-sizing: border-box
}
}

Is there a way to stop the prices from being split across two lines? I've tried the word-break setter but as these are numbers, doesn't seem to make any difference.
Yes it is terribly hackish, was more to get an idea for an alternative layout. But also demonstrates the issues with mobile cart tables. Thats also a really narrow mobile lol. Try this if you think it could be a viable solution:
@media (max-width: 768px) {
.woocommerce table.shop_table_responsive tr.woocommerce-cart-form__cart-item {
display: flex;
flex-wrap: wrap;
}
.woocommerce table.shop_table tr.woocommerce-cart-form__cart-item td,
.woocommerce table.shop_table tr.woocommerce-cart-form__cart-item td .discount-info {
flex: 1 1;
display: flex;
flex-direction: column;
text-align: left !important;
}
.woocommerce table.shop_table tr.woocommerce-cart-form__cart-item td.product-name {
flex: 1 0 75%;
box-sizing: border-box
}
.woocommerce table.shop_table tr.woocommerce-cart-form__cart-item td.product-remove {
flex: 0 0 30px;
box-sizing: border-box
}
}
Thanks David, I wasn't expecting a response so quickly. You're either up ridiculously late or ridiculously early :D
That's pretty much nailed it to be fair, with a few slight tweaks to the sizes.
We need to support quite small mobile devices unfortunately, always a challenge!
I am UK based :)
Awesome - ill have a play around with it and get some feedback from Tom :) Thanks for the input really appreciated.
Oh, I thought you were all Vancouver based. That's good to know.
Been almost a year since we set up a Europe arm. Means Tom and Leo can have a lie in lol