Return to previous page

Quantity buttons on mobile not on the right place

This topic has 3 replies, 2 voices, and was last updated 8 months, 2 weeks ago ago by luc

luc

Participant

August 18, 2023 at 14:51

Hi,

How can I fix this? The quantity input is not align as it was in the first place?
https://ibb.co/gR5mSd3
On our other website: https://ibb.co/n1hGsJP

Thanks in advance

#364936 Copied Theme version: 9.1.13 WooCommerce version: 8.0.1

2 Answers

Rose Tyler

Support staff

August 18, 2023 at 15:17

Hello,

Thank you for contacting us and for using XStore.

Please try to use the next custom CSS code:

body .single-product-builder form.cart,
body .single-product-builder form.cart .woocommerce-variation-add-to-cart {
     flex-direction: row !important;
}
.single-product-builder .et_product-block form.cart .quantity-wrapper:before {
    display: none;
}
body .single-product-builder .et_product-block .quantity-select,
body .single-product-builder .et_product-block .quantity-select select,
body .single-product-builder .et_product-block .single_add_to_cart_button {
    min-width: unset;
    margin: 0;
}
body .single-product-builder .et_product-block .cart .quantity {
    margin: 0 var(--single-add-to-cart-button-spacing, 15px) 0 0;
}

Kind Regards,
8theme team

#364943 Copied

luc

Participant

August 21, 2023 at 10:31

Thanks again!

#365108 Copied

Tagged: correct button positioning, fix button placement, mobile quantity buttons, optimized mobile view, responsive woocommerce design, woocommerce templates, wordpress solutions
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Quantity buttons on mobile not on the right place’' has been successfully resolved, and the topic is now closed for further responses

Quantity buttons on mobile not on the right place

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection