Add to cart not aligned when product qty is 1

Hi @papermelon,

In order for us to better assist you, could you please provide a screenshot highlighting the exact element you need assistance with? I tried reviewing your website but it seems fine from our end.

Looking forward to your response.

Kind regards,?
Aradhy ??

Hi, Please find the screenshot to see how the Add to cart is misaligned with the title price and description.

Hi @papermelon,

The misalignment is because the quantity buttons are active on the page. You can try adding the following code to Customize > Additional CSS:

.woocommerce-js div.product form.cart div.quantity
{
 display: none;
}

Hope this helps!

Kind regards,
Aradhy ??

Hi,

It solves the issue, but removes the qty button for the products with multiple quantities also.

Is it possible to further customise this to only hide qty for single qty products?

Thanks!!!

Hi @papermelon,

It seems that the quantity buttons are indeed visible on multiple quantity pages. It’s just that you need to configure the variations first. Refer to this screenshot, please.

Furthermore, the misaligned appearance of the buttons seems to be coming from WooCommerce CSS. Could you please switch to the Storefront theme and then check if they still appear that way?

Kind regards,
Aradhy ??

Hi Aradhy,

The misaligned qty box is appearing when the above code was added. Upon removing the code, the qty box looks fine. Only, the initial problem of space on the left side of add to cart for single qty products remains.

Also, I tried switching to Storefront theme, this issue is not there, all buttons are aligned. (pls find the screenshot attached)

Hi @papermelon,

Please try updating the CSS code I shared with the following code:

.woocommerce-js div.product form.cart div.quantity
{
  margin: 0;
}

Kind regards,
Aradhy ??

Thanks a lot, that worked!

Happy to help!

Feel free to mark this ticket as resolved, but don’t hesitate to reach out if you need any further assistance in the future.

Best regards,
Aradhy ??

Resolved ??