Impulse theme Header Icon and Menu Size

[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: