mobile version

Hi @importlamp,

Paste the below CSS code to your child theme style.css file.

@media( max-width: 575px ) {

    .mobile-header .flex-col.wishlist-column,
    .woocommerce ul.products li .product-main-wrap .product-hover-items,
    .woocommerce div.product .entry-summary .yith-wcwl-add-to-wishlist .view-wishlist, 
    .woocommerce div.product .entry-summary .yith-wcwl-add-to-wishlist .wish-list-button {
    
        display: none;
    }
}

The above code will hide the following elements on the mobile screen.

– Wishlist icon in the header.
– Quick view and wishlist icon in the product card.
– Wishlist button on product single page.

I hope this helps.

Regards

Hi,

if so paste the below CSS code.

@media( max-width: 575px ) {

    .woocommerce ul.products li .product-main-wrap .product-hover-items {
    
        display: none;
    }
}