Quantity Up+Down Buttons CSS error

[dej888]

Hello,

I am having css errors on my product and cart page. When i decrease the size of my pc screen or go on my tablet/phone, the arrows for the quantity is showing wrong or is dissapearing.

I am familiar with css, tried to fix it, but it is not? I believe it has somethnig to do with the mobile sizing?

Please assist :)!

note: i added a screen shot of the error showing on the cart page. i also showed the picture of our product page, where it shows arrows quanity button/arrow on the full screen shot, then I showed it gone when you you shrink the screen. Hope this helps.

[dej888]

This reply has been marked as private.

[dej888]

This reply has been marked as private.

[dej888]

This reply has been marked as private.

[dej888]

This reply has been marked as private.

[dej888]

sorry, in reference to the “fix of the our-menu page” it is only a fix of the box shadow i fixed – the quantity arrows, still broken on these pages when shrinking the page.

[dej888]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woocommerce .quantity .qty-adjust {
    position: relative !important;
    border-left-width: 0px !important;
    border-left-style: none !important;
}

Thanks
Mohammad

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media screen and (max-width: 767px) {
.woocommerce .quantity .qty-adjust {
    position: relative !important;
    border-left-width: 0px !important;
    border-left-style: none !important;
}
}

Thanks
Mohammad

[dej888]

Thank you Mohammad,

I tried this, but it failed to work..

[Mohammad – SUPPORT]

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

[dej888]

This reply has been marked as private.

[Mohammad – SUPPORT]

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

[dej888]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Just attach a screenshot for this new issue.
Thanks
Mohammad