Resize cart icon in Dawn template 15.2.0

Shopify Discussion
1

Hi everyone!

Can someone please help me to resize my shopping cart icon? I tried other instructions but it seems like the code for the Dawn template changed, so whatever I do, it doesn’t change the size of my icon. My url is XXX and the password is XXX.

Thank you!

1 Like
2

Hi @kaleizlyfe

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. 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#Layer_1 {
    height: 2rem;
    width: 3rem;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

3

Hello,
Please go to Online Store → Edit Theme and search for base.css file.

Over there try to find this class name:
.header__icon .svg-wrapper {
width: 44px;
height: 44px;
}

Change the width and height of this and save it to your liking and it will adjust the size for you.

4

Thank you! This did the trick for me. Appreciate your quick help.

5

Glad that worked. Don’t hesitate to reach out if you have any other issues.

Best,
Taknify