How can I change the navigation font size in Brooklyn theme?

Store Design
1

Hi there!

I want to change the font and font size of my navigation, theme Brooklyn. Is this possible?

Thanks in advance!

Eda

2

Hi @Eda90 ,

  • With font family: Did you declare it? Or is this the new font and not used elsewhere.

Can you describe more about it?

  • With font size: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
.site-nav__link{
	font-size: .8em;
}

Hope it helps!

3

Dear @LitExtension ,

Many thanks for your response! What does it mean to declare font size? I am very new to building a website, thus not familiar with this. I think this is the original font of Brooklyn? Please see attached screenshot.

Thanks,

Eda

4

Hi @Eda90 ,

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.

  • Step 2: Go to Asset > theme.scss.liquid and paste this at the bottom of the file:

.site-nav__link{
  font-size: 0.8em;
}

You can change 0.8em to be bigger or smaller depending on the font size you want to change, it will work fine.

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

5

@LitExtension thanks a lot! This works :slightly_smiling_face: