Hover not working on first row of collection page.

Solved
BBStorm
Tourist
5 0 3

I'm using the blockshop theme— hover works everywhere on my site except for the top row of my "All Products" collection.  Somebody let me know what I've got to change to fix this, please.

beautiful-by-storm.myshopify.com

KetanKumar
Shopify Partner
17242 1869 6450

@BBStorm 

sorry for this issue bt i have all check all its working fine see attachment 

KetanKumar_0-1619950921344.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
BBStorm
Tourist
5 0 3
Ah I hate that you’re not able to see it. I thought it might be something to do with my MacBook- even though it is happening in both Safari and Chrome. I logged into a PC this morning and I’m having the same issue.

I think it has something to do with the spacing after the description on the product grid pages.
0 Likes
KetanKumar
Shopify Partner
17242 1869 6450

@BBStorm 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
BBStorm
Tourist
5 0 3

Here is a video- I got it to work when I made the screen smaller.

Video 

 

 

 

 

 

KetanKumar
Shopify Partner
17242 1869 6450

This is an accepted solution.

@BBStorm 

thanks for a better clear issue, yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme--async.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (min-width: 768px) {
.product--root:hover .product--image {
    opacity: 0;
}
.product--root:hover .product--hover-image {
    opacity: 1;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing