How to shrink header icons while keeping text large on mobile?

[Stagtis]

Hi, I am looking to keep the text on my pages large but not anything in the header. I used code to shrink the words in my header but the icons like the search button, currency converter etc are still unchanged. i would also like this solution to work on mobile including the burger drawer. thanks so much

website is www.stagtis.com

[webwondersco]

@Stagtis Please add the below line of CSS code at the end of your base.css file.

body .header-localization .disclosure .localization-form__select{
font-size:1.1rem;
}
body .header__icon .icon{
height:1.5rem;
width:1.5rem;
}

[Stagtis]

Hi, thanks so much for replying fast, this works well, But the cart icon remains really small even when I mess with the REM to taste. Also, i should've mentioned this, but part of the reason I wanted to this was so that on mobile the logo would be centred again but making the icons smaller doesn't

help like I thought it would. Thank you

[webwondersco · Accepted solution]

Please add the below CSS for the cart icon.

body .header__icon--cart .icon{
height:2.7rem;
width:2.7rem;
}

[Stagtis]

thanks