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

Store Design

Topic summary

A user seeks to reduce the size of header icons and menu in the Impulse Shopify theme. They provide store credentials and reference screenshots showing the desired mobile-responsive sizing.

Solutions Provided:

  • diego_ezfy suggests adding custom CSS code above the </body> tag in theme.liquid, adjusting the scale value (0.8) to control icon size
  • Michael_Pink recommends editing theme.css in the assets folder, adding CSS to set icon width and height to 20px

Ongoing Issues:

  • HELDERWRLD reports the first solution didn’t work on their store and requests additional help
  • dosfemmes successfully reduced icon size using the provided code but encountered a new problem: the Shopify account icon disappeared after uploading a custom SVG cart icon

The discussion remains open with unresolved technical issues for some users attempting the proposed CSS modifications.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

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
fabioo.JPG941×866 53.8 KB

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
3A45C4AC-FB56-47FF-B2A0-820EBA264F03.jpeg1242×2688 258 KB

2

@Pansota ,

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

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

3

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;
}
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
IMG_DD96D0330AD2-1.jpeg1290×2796 155 KB

5

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/