Hover effect issue

Store Design
, , , , ,

Topic summary

A user is experiencing an unwanted hover effect on product images where they tilt approximately 10 degrees to the right when hovered over. They previously resolved a similar issue with buttons using CSS code that disabled the transform property with transform: none !important; in theme.liquid.

Current Status:

  • Issue occurs on product collection page
  • User doesn’t recall making changes that caused this
  • Seeking solution to keep products straight during hover
  • One respondent requested additional clarification

Technical Context:
The problem appears to be CSS-related, likely involving a transform property applied to product elements on hover. The discussion remains open with no solution provided yet.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hi, I have a problem with the hover effect on a product.

When I hover over the product, it tilts about 10 degrees to the right.

What could be causing this? I don’t even remember making any changes.

You can check out the product here: https://1049xn-ya.myshopify.com/collections/all

I had the exact same issue with the button, but it was fixed using this code in theme.liquid:

.button:hover { transform: none !important; }

Thank you so much for any help.
Tim

2

Do not understand what you exactly wanted ? more details please

3

When you hover over the product, its appearance changes, but it also tilts to the right by about 10 degrees.

I don’t want that—I want it to stay straight when you hover over it.