How to add 'enlarge on hover' feature to new cart icon?

Store Design
, ,

Topic summary

  • Goal: Add an “enlarge on hover” (CSS hover/scale effect) to the cart icon (SVG) in the site header, consistent with other SVG icons on the site (flozar.com).

  • Context: The requester shared the website and a screenshot for reference; no code snippets were provided.

  • Clarification: A follow-up asked which icon needs the effect; the requester confirmed it’s the cart icon in the top-right.

  • Status: No solution or implementation details yet. Awaiting guidance (e.g., CSS/transition code) to apply the hover scale effect to the cart icon.

  • Open items: Provide specific CSS/selector targeting the cart icon SVG and transition settings for the hover animation.

Summarized with AI on January 5. AI used: gpt-5.
1

Hey, how can I add enlarge on hover like the other SVG icons to my cart icon? Website: flozar.com

Screenshot 2024-02-17 at 2.45.37 AM.png
Screenshot 2024-02-17 at 2.45.37 AM.png2792×620 45.6 KB

2

@flammagreg hope you are doing well.

Could you please be specific? which icon you want to enlarge on hover?

3

The cart icon in the top right