Added a custom cart icon to Crave theme, zoom on hover no longer works

[Mugbarista]

I have four icons in my navigation bar.  Two are the standard Crave search and account icons, one was installed with an app for favorites, and the last one is a shopping cart I replaced the standard Crave shopping bag with.  All but the custom cart icon allow for zoom on hover.  How can I get this icon to behave the same as the other three icons?

Thank you

[PageFly-Richard · Accepted solution]

Hi @Mugbarista 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.header__icon:hover svg {
transform: scale(1.07) !important;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[Mugbarista]

Thank you so much this worked perfectly!

[PageFly-Richard]

Glad that i can help. Let me know if you have any questions