Its working. Thank you ![]()
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:
- Insert the code at the bottom of the main CSS file (base.css/style.css/theme.css) in the Assets folder
- 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.