Center Quantity & Add to Cart on Mobile

[FunkyCss]

Hi , in my language where add to cart is longer and it brakes in mobile , so i saw a site that has its add to cart with quantity like this – > https://imgur.com/cwhkxq6

Is this possible to do this responsiveness in mobile ?

[Tom]

Hi there,

Give this a shot:

@media (max-width: 768px) {
    .woocommerce div.product form.cart div.quantity {
        justify-content: center;
        margin-bottom: 10px;
    }

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

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[FunkyCss]

Thank you Tom now is Pretty!!

[Tom]

Glad I could help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts