How to reduce the cart icon size? ( Shopify Dawn Theme )

[dreamtechzone_5]

Hello Everyone!

I have added the cart icon in the header section, but the cart icon size looks too big. How can I fix this? Please help me. Thank you.

Store: https://blue-chic-clothes.myshopify.com/

Password: Admin

[suyash1]

@dreamtechzone_5 - i am not able to see the icon, did you remove it?

[dreamtechzone_5]

The icon is showing here.

[suyash1]

@dreamtechzone_5 please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

.header__icon .svg-wrapper {width: 20px;  height: 20px;}

[dreamtechzone_5]

I want to keep the size of the search icon, login icon, and cart icon the same.

Also, want to remove the search icon and login option from the header section from all versions. Like the image below.

[suyash1]

@dreamtechzone_5 - to remove search and account, add this css and check

.header__search, .header__icon--account{display:none; visibility:hidden;}

[dreamtechzone_5]

It has been removed from the desktop but is showing on the mobile version.
I used below code.

.header__icon–search,
.header__icon–account {
display: none !important;
}
}

[suyash1]

@dreamtechzone_5 please add this css

@media screen and (max-width: 749px) {
.menu-drawer__utility-links{display:none; visibility:hidden;}
}

[dreamtechzone_5]

It is working fine on desktop but it is still showing on mobile version. I am using the below code.

.header__icon–search,
.header__icon–account {
display: none !important;
}
}

@media screen and (max-width: 749px) {
.menu-drawer__utility-links{display:none; visibility:hidden;}
}

[suyash1]

@dreamtechzone_5 - before the line @media screen and (max-width: 749px) ,you have 2 curly brackets, } , remove one of them, save and check

[dreamtechzone_5]

Great. Now it worked.