Hover on mobile

Shopify Discussion

Topic summary

A Shopify store owner using the Broadcast theme successfully enabled hover effects on mobile using CSS code. However, this created a desktop bug on collection pages:

Desktop Issue:

  • First hover displays image 2 correctly
  • Removing cursor returns to image 1
  • Second hover shows blank white space instead of image 2
  • Mobile functionality works perfectly

Troubleshooting Attempts:
ES1 provided multiple CSS code solutions focusing on:

  • Adjusting opacity, display, and visibility properties
  • Adding transitions for smoother effects
  • Modifying hover state behavior

None of the CSS fixes resolved the desktop issue. ES1 suggested hiring a Shopify partner for direct access to debug the problem, as remote troubleshooting became difficult. Van_Nguyen_GSG requested store URL and password to investigate further. The user shared credentials (junehomesupply.com / SUMMER2024).

Status: Unresolved; awaiting hands-on investigation with store access.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
7

Hi,

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