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

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

TheRoundCloud
Excursionist
28 0 3

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!

The RoundCloud
Replies 3 (3)

David_SHT
Globetrotter
605 125 125

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

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

TheRoundCloud
Excursionist
28 0 3

Hey!

Ty for the reply.

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

The RoundCloud
David_SHT
Globetrotter
605 125 125

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

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)