Comments 2Manuel started the conversation3 days ago on Tuesday at 11:43amHey, we already have a ticket because of mobile issues. Now i found out there is also an issue on desktop, so maybe both problems are connected. i attached a screenhot. The "x" to delete an item is almost invisible.We use a snippet code that your collegue gave us: .woofc-item-qty-inner .screen-reader-text { display: none !important; } Attached files: Screenshot 2025-11-11 12414023.png 1,561Dustin replied2 days ago on Wednesday at 3:47amHi Manuel, Please add the CSS code below to WP-Admin → Appearance → Customize → Additional CSS: .woofc-area .woofc-area-mid .woofc-item:hover .woofc-item-inner { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } @media only screen and (max-width: 768px) { .woofc-area .woofc-area-mid .woofc-item .woofc-item-inner { padding: 10px 30px 10px 0 !important; } } It will fix the problem for both desktop and mobile.Best regards,Dustin 2Manuel replied2 days ago on Wednesday at 9:46amHey,now on desktop the "x" is completely gone. Which is maybe ok, because customers also coul set the product to "0". But mobile the x is still above the "+". Should i delete the snippet code I mentioned? Greetings 2Manuel replied2 days ago on Wednesday at 9:50amIm sorry after clering the cache on mobile X is also gone. Should I delete the snippet i mentioned?1 Like 1,561Dustin replied23 hours agoYes, you can do that.Best regards,Dustin 2Manuel replied18 hours agoThanks a lot!!You can close this ticket.GreetingsManu Sign in to reply ...
Hey, we already have a ticket because of mobile issues. Now i found out there is also an issue on desktop, so maybe both problems are connected.
i attached a screenhot. The "x" to delete an item is almost invisible.
We use a snippet code that your collegue gave us:
.woofc-item-qty-inner .screen-reader-text { display: none !important; }Attached files: Screenshot 2025-11-11 12414023.png
Hi Manuel,
Please add the CSS code below to WP-Admin → Appearance → Customize → Additional CSS:
.woofc-area .woofc-area-mid .woofc-item:hover .woofc-item-inner { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } @media only screen and (max-width: 768px) { .woofc-area .woofc-area-mid .woofc-item .woofc-item-inner { padding: 10px 30px 10px 0 !important; } }It will fix the problem for both desktop and mobile.
Best regards,
Dustin
Hey,
now on desktop the "x" is completely gone. Which is maybe ok, because customers also coul set the product to "0". But mobile the x is still above the "+". Should i delete the snippet code I mentioned? Greetings
Im sorry after clering the cache on mobile X is also gone. Should I delete the snippet i mentioned?
Yes, you can do that.
Best regards,
Dustin
Thanks a lot!!
You can close this ticket.
Greetings
Manu