How can I adjust the size of header icon and menu on Impulse theme?

[Pansota]

Hi Gurus

Store Url  https://fabian-meduri.myshopify.com/

Password :  pecrut

I am using an impulse theme and I want to change the size of the header Icon and menu 

I want to reduce the size please check the screenshot below in the black circle 

I want to achieve this type of header in size-wise ( size of Icons and Menu ) JUST ON MOBILE 

[diego_ezfy]

@Pansota,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
.header-item--navigation,
.header-item--icons{
    transform: scale(0.8);
}


</style>
<script>

</script>

You can change the value 0.8 to anything you wish. 0.5 would make it smaller for example.

If it helps you please click on the "like" button and mark this answer as a solution!

Thank you.


Kind regards,
Diego

[Michael_Pink]

Hi @Pansota 
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css

.site-nav__link--icon .icon {
  width: 20px;
  height: 20px;
}

[HELDERWRLD]

Hello @diego_ezfy 
I tried on mine bit doesn't work. Can you help me?

Website: https://diversusoficialsite.myshopify.com/
pass: diversusoficial

I want it to look like this on mobile:

[dosfemmes]

Hello Diego! I used your code to downsize my icon and it worked great however when I uploaded my svg originally to have a unique cart, it made the Shopify account icon disappear. Do you have any idea why this happened? I thought after making the account icon smaller it would reappear but it has not.

 my site: https://dosfemmes.com/