Add to cart button

Hello!
How to fix add to cart button through CSS and make the width smaller?
In a variation, product quantity is above the button.
In mobile and tablet versions the button is full width and the quantity is also above.

Best regards,
Alex

Attachments:

You must be logged in to view attached files.

Hello,

You have customized the Add to cart button in the child theme and in the Theme Settings > Custom CSS.

Please remove the customization and check how it works.

Best Regards

Hello!
Can you please share CSS code for fix the button width for tabs and phone the button were not in full-width and was in one line with quantity

Best regards,
Alex

Hello,

Please check the screen to see the code which influences: https://gyazo.com/ae9bed7afa7274bd6fc1433835829d47

If you have any questions please feel free to contact us.

Best Regards

Hello!
in the mobile phone, the problem is still unsolved because quantity and button are separated, but they should be in one line.
What code should I write to fix this? I tried everything, but nothing helped.

Best regards,
Alex

Attachments:

You must be logged in to view attached files.

Hi,

We have temporary disabled child theme and remove custom CSS code in Theme Settings and add to cart buttons starts to look normal. Screenshots:

Desktop – https://prnt.sc/gkyn1DRZH4Zv
Tablet – https://prnt.sc/z6mQpnBZRtHH
Mobile – https://prnt.sc/BEhBDOd6lEvV

As we mentioned in a previous reply the following issue is caused by your custom code located both in child theme (https://prnt.sc/0uI4nogqM1JV) and in Custom CSS areas in Theme Settings (https://prnt.sc/DiyNG1kxoa7h). To fix this issue, remove all your customization related to the add to cart button.

Kind Regards

Hello!
Thank you so much for your help.
We solved the problem.

Alex

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts