How do I change the size of my cart SVG to match the others? Any help is greatly appreciated! Website: flozar.com
Topic summary
A user needs help resizing their cart SVG icon to match other icons in their store header.
Solution provided:
- Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
- Locate the CSS file (base.css, style.css, or theme.css) in the Assets folder
- Add the following CSS at the bottom:
.header__icon--cart svg {
width: 2.5rem;
height: 2.5rem;
}
Follow-up question:
The original poster asks how to adjust the line thickness (stroke width) of the cart icon to match the search icon’s appearance.
The discussion remains open with the thickness adjustment question unanswered.
1 Like
Hi @flammagreg
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.header__icon--cart svg {
width: 2.5rem;
height: 2.5rem;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
Do you know how I can make sure the thickness of the lines of the cart matches the “search” SVG icon?