Please submit a private ticket if you need to share sensitive information, such as license details and admin credentials.

Okay
  Public Ticket #4515165
Display problem also on desktop
Open

Comments

  •  2
    Manuel started the conversation

    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

  •  1,561
    Dustin replied

    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

  •  2
    Manuel replied

    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

  •  2
    Manuel replied

    Im sorry after clering the cache on mobile X is also gone. Should I delete the snippet i mentioned?

  •  1,561
    Dustin replied

    Yes, you can do that.

    Best regards,
    Dustin

  •  2
    Manuel replied

    Thanks a lot!!

    You can close this ticket.

    Greetings

    Manu