[Resolved] Add to cart button broken

[Alexandre]

Hi,

I am not sure if it is the recent update from WooCommerce or GP Premium that causes my issue.

The Add to cart button and qty field are completely whacked and I really don’t know what to do about that and where to look for to get it right again.

All products have the same issue.

Thanks for your support

[Tom]

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 🙂

[Alexandre]

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

[Tom]

Give this a shot:

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

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

[Alexandre]

Perfecto !

Thanks a lot

[Tom]

You’re welcome 🙂

[Author]

Posts