Re: Impulse theme Header Icon and Menu Size

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

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 4 (4)

diego_ezfy
Shopify Partner
2969 571 915

@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
450 77 107

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.

[email protected]
HELDERWRLD
Explorer
137 0 8

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

dosfemmes
Tourist
3 0 1

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/