Changing font of navigation menu in Zest theme

Store Design
, ,

Topic summary

A user is attempting to customize font styling in the Zest theme’s navigation menu. They want subcategories to display in Montserrat Semibold while keeping main categories in Montserrat Bold.

Current Issue:

  • The provided CSS solution partially works but applies the wrong font weight to subcategories
  • The code unintentionally changes the main category font (red-highlighted area) from Bold, which should remain unchanged

Technical Details:

  • CSS code was added to assets/site-nav.css
  • The selector .site-nav__sub-link was used with font-family: Montserrat Semibold !important

Status: The problem remains unresolved, as the current CSS implementation doesn’t achieve the desired dual-font styling for main categories versus subcategories.

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

Dear Shopify Experts,

We would like to change the green-highlighted subcategories to Monteserrat Semibold and remain the red-highlighted main categories as Monteserrat Bold.

I would appreciate the help tremendously! As I have been struggling for quite a while.

Hereby the website link: https://turkesterone-europe.nl/?_ab=0&_fd=0&_sc=1&preview_theme_id=150172107078

P.S. We are using the Zest theme.

Kind regards,

Randy

RandyVDN_0-1687938676350.jpeg
RandyVDN_0-1687938676350.jpeg999×288 36.7 KB

1 Like
2

@RandyVDN

Please add the following CSS code to your assets/site-nav.css bottom of the file.

.f-site-nav__sub-link {
    font-family: Monteserrat Semibold !important;
}

Thanks!

3

I have added the CSS code and it does work partially. Unfortunately it applies a different font than Montserrat Semi Bold, and also the red area is changed in font (which is supposed to stay Montserrat Bold).

Kind regards,

Randy