Comments 3Manuel started the conversationNovember 11, 2025 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,594Dustin repliedNovember 12, 2025 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 3Manuel repliedNovember 12, 2025 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 3Manuel repliedNovember 12, 2025 at 9:50amIm sorry after clering the cache on mobile X is also gone. Should I delete the snippet i mentioned?1 Like 1,594Dustin repliedNovember 13, 2025 at 2:36amYes, you can do that.Best regards,Dustin 3Manuel repliedNovember 13, 2025 at 7:16amThanks a lot!!You can close this ticket.GreetingsManu1 Like 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