Hello, for my current Dawn theme, on mobile when you click the product image to go to the product, it shows a grey highlighted box over the image rather than highlight the text. Is there a way to move the box to highlight the text? Site is
https://2t8xtnovc4w88tty-52120158362.shopifypreview.com
Any help would be greatly appreciated.
Edit this CSS (remove “!important” from selected)
This seems to get rid of the box however now I cannot click the image to go to the product page
revert your code if you forget then add this
display: block !important;
position: initial !important;
After then add these codes at the bottom of the same file
.collection .card-wrapper .card .card__inner .card__heading a {
font-size: 0px;
}
Awesome that seems to work, would there be anyway for the text to be highlighted when you click the image?
yes,
please mark my answer as an acceptable solution if you got the solution
On Iphone it is still showing a thing grey line now