Limit sticky/scroll of toc to .lg and up breakpoints

peterdesmet · Apr 27, 2023 · 33e0c6b · 33e0c6b
1 parent 74c8242
commit 33e0c6b
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/_sass/_toc.scss b/_sass/_toc.scss
@@ -6,13 +6,17 @@
   font-family: $font-family-base;
   font-size: 0.9rem;
   color: $text-muted;
-  position: sticky;
-  top: 2rem;
-  right: 0;
-  overflow-y: auto;
-  max-height: calc(100vh - 2rem); // Allow scroll within toc
   margin-bottom: 2rem;
 
+  // Side navigation on larger pages
+  @include media-breakpoint-up(lg) {
+    position: sticky;
+    top: 2rem;
+    right: 0;
+    overflow-y: auto;
+    max-height: calc(100vh - 2rem); // Allow scroll within toc
+  }
+
   h6 {
     border-bottom: 1px solid $text-muted;
     padding-bottom: 0.5rem;