From b12f544c61e90ae0b52ff3e1994067e59126fb00 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 1 Nov 2020 13:38:07 -0800 Subject: [PATCH] Document it better, remove commented out code --- scss/_navbar.scss | 1 - site/content/docs/5.0/components/navbar.md | 2 ++ 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/scss/_navbar.scss b/scss/_navbar.scss index 4dc29de1b5e5..cd3b78cef761 100644 --- a/scss/_navbar.scss +++ b/scss/_navbar.scss @@ -118,7 +118,6 @@ .navbar-nav-scroll { max-height: var(--height, 70vh); overflow-y: auto; - // overflow-x: hidden; } // Button for toggling the navbar when in its collapsed state diff --git a/site/content/docs/5.0/components/navbar.md b/site/content/docs/5.0/components/navbar.md index 6599118fb8a3..5bd388bdc26f 100644 --- a/site/content/docs/5.0/components/navbar.md +++ b/site/content/docs/5.0/components/navbar.md @@ -480,6 +480,8 @@ Also note that **`.sticky-top` uses `position: sticky`, which [isn't fully suppo ## Scrolling +Add `.navbar-nav-scroll` to a `.navbar-nav` to enable vertical scrolling when expanded navbar content gets too tall. By default, scrolling kicks in at `75vh` (or 75% of the viewport height), but you may override that with a local CSS custom property. For example, add `style="--height: 65vh;"` to the `.navbar-nav`. + {{< example >}}