Remove featured image from WooCommerce gallery/lightbox thumbnails only

I am in need to hide the featured product image from wordpress woocommerce gallery/lightbox but it still has to show up as big image in the product page. I have tried several snippets such as Remove featured image from the WooCommerce gallery but those snippets end up removing either the featured img both from gallery and product page or the gallery/lightbox itself.

Please see attached img link.

What i would like to achieve

Thanks in advance!


Its possible to do this with your css. But remember one thing. To hide the first thumbnail is not always a good idea because when someone will click on another image from your image gallery then you will loose the first featured image so the customer may not see the main product.

.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:first-child {
    display: none;