Add to cart button placing on mobile single product page

Hi,

Add to cart button is placed like this on the desktop product page: http://prntscr.com/1rc9kx0

On the mobile product page its however placed under the quantity, is it possible to move it: http://prntscr.com/1rc9poq

Thanks for the great support you are offering on this forum 🙂

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

form.cart,
.woocommerce-variation-add-to-cart {
  display: flex;
}
 form.cart > button,
.woocommerce-variation-add-to-cart > button {
  flex-grow: 1;
}

Best Regards

Thanks! Works perfectly 🙂

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts