Dawn theme product thumbnail not clickable (found other posts on this topic but solutions don't work)

Store Design
, , ,
1

Hi,

I have looked up this topic and found 2 other topics but the solutions that worked for them didn’t work at all on my end. Another post said that the javascript was broken? I’m not sure what is wrong with mine :melting_face:

Link

2

Because you have this rule added:

/* Title for Product Grid*/
.card__heading a {
  font-family: "Morgan Flower" !important;
  font-size: 2.19rem;
  letter-spacing: 0.2rem;
  transform: scaleX(0.88); /* <-offender ! */
  . . .

transform prevents expected positioning of some elements of the product card.
let me know if you want further explanation.

Remove the transform and it will work fine.
If your font is too spaced, use letter-spacing with negative value instead.

Similar problem – https://stackoverflow.com/questions/55107415/css-stacking-order-transform-element-breaks-absolute-sibling

if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it