How can I make my customized cart icon slighty zoom in when my cursor's on it?

Shopify Discussion
1

Hi! I changed my cart icon to another svg, but it stopped zooming in when I put my cursor on it. Can someone help me with it? Thanks!

2

Hello @Avvoyer . Can you share your store url ?

3

https://avvoyer.com

4

Hi @Avvoyer . Thanks for the URL. You need to add some classes in your custom cart icon svg.

Add the following code in your svg tag:

class=“icon”.

So, your svg will become:

Let us know if you need any help or have any query.

5

@Avvoyer additionally if you face any height issue of icon you can adjust it in your base.css. Change the following code in your base.css:

.header__icon, .header__icon--cart .icon {
 height: 3rem; // change it according to your need
 width: 4.4rem;
 padding: 0;
}
1 Like
6

Thanks! It really helped me. :grin:

7

You’re most welcome.

8

Hi! Sorry for bothering you again, but I figured out that the cart icon height is only being changed on my device. How can I fix it?