I found some very helpful info on a previous thread, I tried this on my Broadcast theme and it works perfectly on mobile. However, it created an issue on desktop, here is what is happening open my Shopify website with the Broadcast theme on the collection page: -product photo is image 1 (default) …

Hi @brokenyolk Please try using the below code instead of yours: /* Ensure the product image hover works on both mobile and desktop */ body main .double__image .product-item__bg__under, body main .product-item--overlay-text .product-item__bg__under { opacity: 0; display: block !important;…

Tried that, works on mobile but on desktop it now shows the blank square on the first hover. To be clear, this is happening on the collection page.

Hi @brokenyolk , Ok, lets try a different approach, please use the below code: /* Ensure the product image hover works on both mobile and desktop */ body main .double__image .product-item__bg__under, body main .product-item--overlay-text .product-item__bg__under { opacity: 0; display: blo…

tried that, same problem persists.

Hi @brokenyolk , In that case you may want to hire a Shopify partner who can log in and fix the code for you as without access at times it becomes difficult to guide someone. Thanks

Hi, Would you mind sharing your store URL & password (if any)?

[image] JUNE home supply | Timeless Home Essentials Considered and lasting homewares to help you find beauty in the everyday. SUMMER2024

Hover on mobile

Shopify Discussion

brokenyolk September 4, 2024, 12:35pm 8

SUMMER2024

Topic		Replies	Views
How to code hover image on mobile for Sleek theme Store Design css , shopify-themes , troubleshooting	5	81	February 16, 2025
Show second image on hover ( DAWN Theme ) Store Design	16	171	June 23, 2023
How can I make product text appear when hovering over product image? Store Design design , customizations , collection-page , css , product-page	3	150	April 22, 2024
"Show second image on hover" for Desktop only not Mobile Shopify Discussion troubleshooting	1	24	July 31, 2023
Baseline Theme – how to disable image hover ONLY on mobile Store Design design , collection-page , css , product-page	6	145	November 26, 2024

Hover on mobile

Related topics