How do Navigation subtitles look?

[Andre601]

The insiders page lists "Navigation Subtitles" as one of the exclusive features, but there doesn't seem to be an example to look at.

I went through all the doc pages in the hope to see an example, but I couldn't find anything...

So, how do they look like?

[alexvoss]

They look like the example below. We are working on creating more examples and have a compiled version so everyone can see the features in action without having to compile them.

[Andre601]

I honestly expected a line under the h1 title... But after thinking about it can I see why this wouldn't be a doable thing...

[TJohnson93]

I mean, could be added through custom css. For Example I've added a horizontal line below the H2 and H3 headers like GitHub.

/* ******************************************************** */
/* Header Overides */
/* ******************************************************** */
h2 { /* Add Line under Header like GitHub */
  margin-bottom: 0px;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

h3 { /* Add Line under Header like GitHub */
  margin-bottom: 0px;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

[TJohnson93]

Here you go:

.md-typeset h1 { /* Add Line under Header like GitHub */
  margin: 0px;
}

.page-subtitle {
  font-style: italic;
  font-size: 0.9em;
  color: rgb(168, 168, 168);
}

# Header 1

Subtitle Ipsum
{ .page-subtitle }