How can i remove zoom when touching social media icons?

Topic summary

A user encountered an unwanted zoom effect when hovering over social media icons in their Shopify store footer (Dawn theme version 15.0.0).

Solution provided:

  • Add CSS code to remove the transform property on hover: .list-social__link:hover .icon { transform: unset; }

Implementation methods suggested:

  1. Insert the code at the bottom of the main CSS file (base.css/style.css/theme.css) in the Assets folder
  2. Alternatively, wrap the code in <style></style> tags and place it in theme.liquid file above the </head> tag

Outcome:
The user confirmed the solution worked after implementing the code. Contributors emphasized placing CSS within <style> tags in theme.liquid helps minimize file size and prevents unnecessary code bloat in the store.

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

Its working. Thank you :slightly_smiling_face: