Impulse theme Header Icon and Menu Size

Pansota
Excursionist
34 1 6

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 

 

fabioo.JPG


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

 

3A45C4AC-FB56-47FF-B2A0-820EBA264F03.jpeg

Replies 3 (3)

diego_ezfy
Shopify Partner
2883 551 861

@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
Shopify Partner
446 77 105

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;
}
My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
HELDERWRLD
Excursionist
77 0 4

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:IMG_DD96D0330AD2-1.jpeg