How can I increase the letter spacing in my navigation menu?

Store Design
1

Hi there,

I would like the navigation menu to have the same font as the filter buttons (PT sans, character spacing 2 I think). How can I achieve that? I can only change the font separately for the (sub)headers and body text in the editor I think!

website

Thanks!

2

In header page insert this code
1 Like
3

Hi!

Which file should I add it to?

Screenshot 2023-08-02 at 17.07.12.png
Screenshot 2023-08-02 at 17.07.12.png696×1084 66.3 KB

I tried adding it in the editor but nothing happened

4

open header.liquid and above code at the top.

1 Like
5

Thanks! And is it possible to apply PT Sans font to this too?

6

Yes, May be you can. try this

.js .gm-menu-installed .gm-item.gm-level-0 > .gm-target > .gm-text {
font-family: 'PT Sans' !important;
}
7

thanks so much, that both worked perfectly! is there a way to only apply the letter spacing to the 4 menu items at the top? (not the dropdown submenus)

8

okay try this
1 Like
9

Thank you @saurav9005 Is it possible to make those 4 menu items in bold too?

I tried adding below line but it didn’t do anything:

font-style: bold;
10

It is font-weight not font-style. please see the code