How can I make the Dawn theme shopping cart icon smaller?

Store Design
,
1

Hello, I recently changed the shopping cart icon for my store to a different image, but it is too big and I was wondering how I could change it and make it smaller. I am using the Dawn Theme.

SimonSmith_0-1672881254669.jpeg

https://glad-youre-here-b5e8.myshopify.com/

Password: aweaya

Thank you

2

Hi @SimonSmith ,

Glad to support you today.

To can reduce the cart icon size, you can check out my suggestion below to make it:

  1. Go to Edit code on Online Store:

GemPages_0-1672882803804.png
GemPages_0-1672882803804.png1764×717 90.3 KB

  1. pls add my code below to the end of the Base.css file:
.header__icons .header__icon.header__icon--cart {
	width: 2rem !important;
}
.header__icons .header__icon.header__icon--cart img {
	width: 22px !important;
}

It will show like this when you add my code:

GemPages_1-1672882907225.png
GemPages_1-1672882907225.png1916×1000 341 KB

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

3

That does not seem to be working. Where specifically do I place the code in the base.css file?

4

Or is there a different coding that should be used. I added it to the end of the base.css file and it is not working.

5

Hi @SimonSmith ,

You can try to add this code above the tag on Theme.liquid:

Eg:

GemPages_0-1672886374798.png
GemPages_0-1672886374798.png817×883 41.8 KB

1 Like
6

That worked! Thank you!

7

I am so glad that my solution can help :heart_eyes: .