How can I adjust icon and menu text size in my Impulse theme header?

Store Design
1

Hi there,

I’m using the Impulse theme and I’d like to make the following adjustments to my header:

  • icons (cart, search, account) to be smaller

  • menu text to be smaller and bolder

2

Hello greenwichhats,
Please share your site url.
So that i can check and let you know the exact solution here.

3

url is https://greenwich-hat-company.myshopify.com/

password is: STEt2389BE

4

Hey @greenwichhats

Please add following code in your assets/theme.scss.liquid file.

@media only screen and (min-width: 769px){
.site-nav__link--icon .icon {width: 16px; height: 16px;}
.site-nav a {font-weight: 900;}
.site-nav a {font-size: 10px;}
}

Hope this works for you.

Thanks!

5

Thank you!

The font weight seems to not go bolder than 800 but I’d like it to be slightly more. Any suggestions why this is?

6

Hey @greenwichhats ,

The font-weight is 900.

We can’t make bolder. I think it is because of the font family. Some fonts are thinner and not looking very bold.

Hope you understand.

Thanks!

7

Hi,

I have changed the size of the header numerous times and I cannot sort the blur on it. Could soe=meone help me?

My shop… audreymarie.co.uk

Blur header.png
Blur header.png460×320 20.8 KB

8

@MartaMCSantos

Your given URL is not working.