Skip to content

Commit

Permalink
Document it better, remove commented out code
Browse files Browse the repository at this point in the history
  • Loading branch information
mdo committed Jan 10, 2021
1 parent 026f417 commit b12f544
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 1 deletion.
1 change: 0 additions & 1 deletion scss/_navbar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
2 changes: 2 additions & 0 deletions site/content/docs/5.0/components/navbar.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 >}}
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
Expand Down

0 comments on commit b12f544

Please sign in to comment.