Return to previous page

Sticky cart problem – not displaying properly on mobile

This topic has 2 replies, 2 voices, and was last updated 9 months, 1 weeks ago ago by Tony Rodriguez

Aleks

Participant

March 14, 2024 at 22:15

Hi, I would like to have sticky cart only on desktop version, because it is not working properly on mobile devices. How to remove it only on mobile, or how to fix the problem on mobile. Screenshots attached.

Best Regards,
Aleks

Files is visible for topic creator and
support staff only.

#387002 Copied Theme version: 9.2.9

1 Answer
Tony Rodriguez

Support staff

March 15, 2024 at 07:25
Hello, @Aleks,

Thank you so much for purchasing our theme and contacting our support center.

By default the buy now button should not be shown on mobile in the sticky panel, it can appear in case you are using a cache plugin or CDN.

We can offer you to add the code into Theme Options > Theme custom CSS > Global:
this code can be used to add a scroll https://gyazo.com/9564b345cce274c0b8b1d94f7aec33bb
```
@media only screen and (max-width: 992px) {
    .single-product .etheme-sticky-cart .et_column:nth-child(2) {
        justify-content: flex-start;
        overflow: auto;
    }
}
```
or this
```
@media (max-width: 767px) {
    .etheme-sticky-cart p.price,
    .etheme-sticky-cart .quantity ~ .et-single-buy-now {
        display: none;
    }
}
```
to remove the buy now button – https://prnt.sc/962l1TXSdFjU

Should you require any further assistance, please do not hesitate to reach out to us.

Best regards,
The 8Theme Team
#387034 Copied
Tagged: fix woocommerce sticky cart, mobile woocommerce cart issues, resolve sticky cart mobile issue, troubleshoot woocommerce mobile display, woocommerce cart display fixes, wordpress mobile cart solutions, wordpress woocommerce cart problem
Viewing 2 results - 1 through 2 (of 2 total)