How to add an arrow to the top menu when 1 sub section or more

[ndu69110]

Hi, I would like to know if in MKDocs with material theme, there is an option (.css, .js file or whatever) to add an arrow to the top menu when there are many subsections (1 or more)?
For instance:
As shown on the attached picture, Documentation and Blog section have an arrow to the right because these sections contain sub-sections.

Thank you!
N.

[kamilkrzyskow]

Hi @ndu69110,
there is no such option out of the box, but you could probably do it with both template overrides and extra CSS.
https://squidfunk.github.io/mkdocs-material/customization/

The arrow part is easy, I've copied this symbol ⌄ and set it as content for a special CSS class, set to the link in the tab.

.section-with-subsection .md-tabs__link::after {
  content: "⌄";
  margin-left: 0.4em;
}

The more difficult part is to add the section-with-subsection class during the build process in the correct place.
My guess would be to add it here after the {{ class }} section-with-subsection:

mkdocs-material/src/templates/partials/tabs-item.html

Line 58 in c68fac7

<li class="{{ class }}">