Shop page on mobile fix alignment

[teddyden]

Hi,

I have used the custom css to have the Add to cart + Select Quantity. But when the shop page loads on mobile, the select quantity arrows appear distorted behind the product. How can I align it near the numbers and Add to cart button?
Thank You

[teddyden]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media screen and (max-width:479px) {
.woocommerce .quantity .qty-adjust {
    bottom: 104px !important;
    right: 51px !important;
}
}

Thanks
Mohammad

[teddyden]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please remove the last code and use this new code:-

@media screen and (max-width:767px) {
.woocommerce .quantity .qty-adjust {
    bottom: 104px !important;
    right: 51px !important;
}
}

Thanks
Mohammad

[teddyden]

Still the same issue with the line showing in the center.

[Mohammad – SUPPORT]

Hi,
Please provide me login detail to check and resolve the issue.
Thanks
Mohammad

[teddyden]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please provide me Authorization code also.
Thanks
Mohammad

[teddyden]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I have managed to resolve the issue so please check it now.
Thanks
Mohammad

[teddyden]

This reply has been marked as private.

[teddyden]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media screen and (max-width:479px) {
.home .inner-page-wrap {
    margin-top: -135px !important;
}
}

Thanks
Mohammad

[teddyden]

Thank YOU!