Align Icons in Header

[ErhatRO]

Hello!

I changed the cart icon in my store however it is higher and larger than the other icons. 

Please assist.

Picture for reference: 

[Dan-From-Ryviu]

Hi @ErhatRO 

Please share your store link so I can check

[ErhatRO]

RIGHTEOUS OFFICIAL – Righteous Official

right5785*

[Dan-From-Ryviu]

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

#cart-icon-bubble svg {
martin-top: 10px;
scale: 0.8;
} 

[ErhatRO]

Hello!
It is telling me the online store editor session cant be published.

[Dan-From-Ryviu]

So please add it at the bottom of base.css in Online Store > Themes > click "..." next to current theme > Edit code > Assets

[ErhatRO]

This didn't work either but thank you for your time!

[BSSCommerce-B2B · Accepted solution]

@ErhatRO,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
.header__icon.header__icon--cart {
  padding-top: 13px!important;
  transform: scale(0.85)!important;
}
</style>

Result:

If it helps you, please like and mark it as the solution.

Best Regards 😊

[ErhatRO]

Thank you!

[BSSCommerce-B2B]

Glad to help you 😊