How can I show second image on hover in mobile for craft theme?

Store Design
1

Hi!

I want the product cards to show their second image on hover, I have checked the option and it works on desktop, but it doesn’t work on mobile… I need it to work on mobile too. Any help please?

craft theme

Thanks!

2

Hi @TheRoundCloud

This is David at SalesHunterThemes.

Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

.card-wrapper:hover .media.media--hover-effect>img+img {
    opacity: 1;
    transition: transform var(--duration-long) ease;
    transform: scale(1.03);
}
.card__heading a:after {
    pointer-events: none;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

3

Hey!

Ty for the reply.

It didn’t work, it made all images unclickable, dunno why.

4

HI @TheRoundCloud
On mobile, have not event hover on image, so you cannot make the hover on mobile view.