Add to cart button broken

Hi there,

It looks like this custom CSS you have added is causing the issue:

@media (min-width: 768px) {
    .woocommerce div.product form.cart div.quantity, 
    .woocommerce div.product form.cart .button {
        float: none;
        display: inline-block;
    }
}

If you remove that it should look better.

Let me know :)

Thanks Tom,

I have added this custom CSS to align center the field, button, price and categories on mobile view.

It seems that there has been design changes on the button. it does not display as it used to be and my custom CSS does not work anymore.

Do you have any clue how I can align center this whole block, only on mobile dispaly ?

Thanks

Give this a shot:

@media (max-width: 768px) {
    .product .entry-summary {
        text-align: center;
    }

    .woocommerce div.product form.cart {
        justify-content: center;
    }
}

Perfecto !

Thanks a lot

You're welcome :)