How to edit header font size for Brooklyn Theme

Store Design
1

Can anyone please tell me how to change the “Home, Catalog & Contact” font size?

Also, the letters are fully capitalized and I would like only the first letter capitalized and the rest lower case. Any ideas?

https://916test.myshopify.com

I do feel comfortable adding code so if that is the only way let me know how and I’ll happily do it.

Many thanks,

Dave

2

Hi!

Head into your theme.scss file and search for the following code:

.site-nav__link {
    font-family: Montserrat,sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: .1em;
    text-transform: uppercase;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    font-size: .875em;
}

To change the font size, edit the font-size value of .875, and to make it first letter capital only, change ‘uppercase’ to ‘capitalize’ :slightly_smiling_face:

1 Like
3

I hope your day is as great as you are!

Thank you. :blush:

4

You’re welcome! And you too!

If you could take a moment to read my signature below, I would highly appreciate it :heart:

5

It was all I could afford but just sent you some coffee money. Thanks

6

I very much appreciate it :heart: The gesture is worth more than the value :heart:

1 Like