Issues with custom cart icon

@tuanphan @creedon one last one if you can. Here is another website I am working on. 

http://smallballunited.com/home

On mobile, when I click the hamburger icon, the cart PNG that I have is not hovering right. Anyway to fix this?

On 3/6/2022 at 5:09 AM, deniambrose21 said:

@tuanphan @creedon one last one if you can. Here is another website I am working on. 

http://smallballunited.com/home

On mobile, when I click the hamburger icon, the cart PNG that I have is not hovering right. Anyway to fix this?

Change this class name

Quote

.header .header-actions-action--cart .icon

to this

.header .header-actions-action--cart>.icon

@tuanphan @creedon this still isn't working for some reason?

On 3/10/2022 at 9:33 PM, deniambrose21 said:

@tuanphan @creedon this still isn't working for some reason?

What it should look like?

It looks fine to me

@creedon  @tuanphan see video attached. When you click the hamburger then the cart icon gets screwed up. 

12 hours ago, deniambrose21 said:

@creedon  @tuanphan see video attached. When you click the hamburger then the cart icon gets screwed up. 

IMG_0097.MOV

This item no longer exists.

You can use Loom to add a video

See screenshots are attached. 

Go to: https://www.smallballunited.com/home (ON MOBILE) and click the hamburger icon. The CART icon gets screwed up on mobile for hover. I would like it to just turn orange like it does on Desktop when you hover.

Add to Design > Custom CSS

/* Mobile cart icon */
body.header--menu-open .icon--cart svg {
    opacity: 0;
}