fix quick links sticky

Author: Erik2609

assets/scss/_common.scss

@@ -1162,4 +1162,14 @@ $accent: #FF4081;
 
 .color-gray {
   color: #777;
+}
+
+
+@media (min-width: 992px) { 
+  .quicklinks-mobile-sticky-top {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 80px;
+    z-index: 1000;
+  }
 }

assets/scss/templates/_main.scss

@@ -1,6 +1,3 @@
-html, body {
-  overflow-x: hidden;
-}
 body {
   position: relative
 }

themes/bigspring-light/layouts/_default/single.html

@@ -31,8 +31,8 @@ <h2 class="mb-4" style="color: #005aa7;">{{ .Title }}</h2>
   <div class="container">
     <div class="row">
       {{ if .Params.quick_navigation.links }}
-      <div class="col-lg-4 col-12 mx-auto sticky-top">
-        <div class="content">
+      <div class="col-lg-4 col-12 mx-auto">
+        <div class="content quicklinks-mobile-sticky-top">
           <div class="container-fluid mt-5 p-0">
             <h3>{{.Params.quick_navigation.title}}</h3>
             <ul>