Replacing nav text with an image

[alysianco]

I am trying to replace grandchild nav text “KIDS” with an image. I’ve managed to get the image in the right spot, linking to the proper collection, and even have it change on the hover. But I cannot figure out how to get rid of the KIDS text, or make it transparent. I tried a color tag set to transparent!important but the word KIDS is still showing up over the “CUSTOM” image. How do I get rid/replace/override the word KIDS with my CUSTOM image? Any advice greatly appreciated! Website preview link and screenshot below:

https://h1yg6mwp9lsfyy5g-20354334795.shopifypreview.com

Here is the CSS code I’m using:

[Dan-From-Ryviu]

Please add more of this code to hide the KIDS text.

a[href="/collections/kids"] span { color: transparent !important; }

[alysianco]

Amazing! Thank you!!