Shopify themes, liquid, logos, and UX
As the title is asking , i have installed a custom cart icon in the header.liquid. It is giving me the image I want but it is much too large.
<span> <img src="https://cdn.shopify.com/s/files/1/0592/4080/8605/files/New_Cart_Button.png?v=1631256692" aria-hidden="true"></span>
How do i go about resizing this image so it fits in my menu nav bar properly?
Another post i found shows how to increase the size, i am guessing this would also work with decreasing? I am just unsure how to change this code below to get it to change my icon as this code is only changing the default icon path?
.site-nav__link--icon .icon.icon-cart {
font-size: 32px;
}
Thank you for the help!
Hi @Lowie57 , it would be much easier to help you, if you attach link to your website.
However, you can add height property in css for your image, so it would be something like :
.cart-class img{
height:24px;
width: auto;
}
of course! it is https://www.modassi.com.au/
Which section should I paste that code in to, to resize my cart button?
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025