Return to previous page

Sticky cart for simple product does not display correctly on mobile.

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

LVRB Love's Rebel

Participant

April 19, 2024 at 22:48

hello.
I need help because the sticky cart on the simple product does not appear correctly. It looks cut off and does not allow you to see all the information.

I have attached a screenshot of the error.

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#392269 Copied Theme version: 9.3.6

1 Answer
Tony Rodriguez

Support staff

April 20, 2024 at 08:46
Hello, @LVRB Love’s Rebel,

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
#392287 Copied
Tagged: correct display sticky cart, mobile display issues, simple product cart, woocommerce mobile solutions, woocommerce sticky cart, wordpress themes, wordpress woocommerce fixes
Viewing 2 results - 1 through 2 (of 2 total)