Grey line top of image after removing price and title

[dannybafri]

Hi I'm using spotlight theme

I have recently used code: 

.collection .product-grid .card__content {
position: absolute;
opacity: 0;
z-index: 3;
height: 100% !important;
}

to remove price and title on the product grid. Now I'm getting a grey line when Image is tapped

Any ideas?

Thanks 

[Mehran_Ali]

Hi @dannybafri 

You store is password protected kindly share the password so I can help 

[dannybafri]

Jeneve.ca

pw 123456

[Mehran_Ali]

Hi @dannybafri 

Can You specify where that issue occurs because I didn't encounter nay issue 

[dannybafri]

I’m pretty sure this only occurs on mobile and tablet 

[dannybafri]

Hi Ali 

Any idea why this happening?

[Mehran_Ali]

Hi @dannybafri 

I actually can't suggest anything until I see the error 

[dannybafri]

Hi Ali 

when you’re on the homepage ( on mobile )

tap one of the product images and you’ll see a grey line appear on the image right before you’re directed the product page. 

[Mehran_Ali · Accepted solution]

Hi @dannybafri 

I get the issue it is because your product tile is over there shows you a gray line on mobile the title is hidden but still there so when you click on it the title show up for a bit and shows gray line who ever hide the title and make the picture clickable Did not use the right way he use the patch way which causing the issue 

the correct way to make the product image click able is to add an anchor that I is only do using code not CSS the one who did that they did using CSS so kindy remove that and add the anchor to product image properly you can reach me out I will help you in proper way