Changing the font characteristics when using navigation.sections

[justbennet]

I will preface by saying I am not well-versed in CSS, so sorry ahead of time for obvious ignorance.

We have a nice MkDocs Material site. We'd like to use navigation.sections. When we do that, though, the style sheet makes the section headings in the menu go to a sort of medium gray (grey?). By using a CSS file in docs/static/stylesheets, I found that I could modify the font characteristics with, for example,

#__nav_1_label {
    font-weight: bold;
    color: red;
}
#__nav_2_label {
    font-weight: bold;
    color: red;
}

but each time a new section is added, a new special-case CSS entry would be needed. I tried a number of different 'elements', but I was not successful in finding one that would change just the section heading font weight/color without affecting other menu sub-headings or that also changed the font/color of the page title.

Any help would be appreciated!

[kamilkrzyskow]

Hi @justbennet,
you could try using this CSS selector:

.md-nav__item--section > .md-nav__link[for] {
  color: unset;
}

In Dev Tools it shows that this is wrapped in a media query, but I don't think you need to use it as well.