woocommerce quantity button.

Hi there,

do you mean like this?

https://www.screencast.com/t/aLhuW3EK

Yes exactly. I want to put it horizontally.

Hi Jusung,

Try adding this through Appearance > Customize > Additional CSS:

.single-product.woocommerce div.product form.cart {
    flex-wrap: nowrap;
}
.single-product.woocommerce div.product form.cart .quantity {
    padding-right: 5px;
}

I added the code, but it doens't change anything..

This is what I'm seeing on your site now: https://share.getcloudapp.com/DOulXBR2

It seems to be working.

Yeah. there it is what I want.

But when you click, add cart and view cart, on the cart page, it doesn't look like that.
It is aligned vertically on cart page.. I want to put it horizontally.

In your CSS you have this:

.quantity {
    padding-right: 100%;
}

That is causing an issue with quantity buttons aligning on the product and cart page.

Can you remove that.

Then add this CSS to ensure its a flexbox:

.quantity.buttons-added {
    display: flex;
}

thank you! It works!