How can I display product prices on hover in my ecommerce site?

Store Design
21 
/* Start */
.grid-product__price {position: relative; bottom: -15px;opacity: 0;} 
.grid-product:hover .grid-product__price {bottom: 0px;opacity: 1;} 
/* End*/

@MS-WEB-DESIGNER

Please guys How can I make this code effective only on desktop?

I want the prices to be simply displayed on the mobile version.

My website : https://93pz2de4x1u8o6zs-47455862950.shopifypreview.com

thank you in advance!

1 Like
22

@MaxCosta

i have update my code its working fine animation please check

1 Like
23

perfect !! thank you infinitely

1 Like
24

@MaxCosta

it’s my pleasure to help us

1 Like