Show cart only on mobile

Hello,

I am glad you like the plugin. Please add this CSS

@media only screen and (min-width: 600px) {
  .xoo-wsc-basket{
    display: none!important;
  }
}

Hello, thank you very much 4 the code but it doesent work.

The basket is stil visible on desktop version like an example …delivery page info & other pages.

I wish the basket to be visible only on woocomerce product pages mobile version.

Thank you very much.

Hello.
Did you figured out how to display the floating basket only on mobile?
@xootix your answer is not working, there is a direct html style=”display:block” on the .xoo-wsc-basket div.

<div class="xoo-wsc-basket" style="display: block;">
<span class="xoo-wsc-items-count">5</span>
<span class="xoo-wsc-bki xoo-wsc-icon-basket5"></span>
</div>

Thanks in advanced.

Hello,

Please try this

@media only screen and (min-width: 600px) {
    .xoo-wsc-basket[style*='block'] {
        display: none !important;
    }
}

Hello and thank you 4 your time and effort.

I tried both codes but no luck.The cart is still vizible on desktop version.

Hello.
@xootix & @rusesandrino83 the second option worked for me, thank you.

    .xoo-wsc-basket[style*='block'] {
        display: none !important;
    }

Tnks for the time and efort but it doesent work.

Is stil visible on desktop version.

I ask chat gpt to emulate a code and this just kinda “worked” for me:

/* Ascunde co?ul pe desktop */
@media (min-width: 1025px) {
#xoo-wsc-basket,
.xoo-wsc-basket,
#xoo-wsc-cart,
.xoo-wsc-cart,
.xoo-wsc-container {
display: none !important;
}
}

/* Afi?eaz? co?ul pe mobil ?i tablet? */
@media (max-width: 1024px) {
#xoo-wsc-basket,
.xoo-wsc-basket,
#xoo-wsc-cart,
.xoo-wsc-cart,
.xoo-wsc-container {
display: block !important;
}
}

…but on mobile version the basket is ugly and has another position….

…I forgot to mention I use this codes with a plugin snipet …..I dont inset this plugins in the function file directly….

Hello @rusesandrino83

Is your website online? Maybe I can check and help you with that. Let me know.

Regards.