fixed control sidebar top/bottom with small navbar/footer & fixed back-to-top zindex

build/scss/_control-sidebar.scss

@@ -30,6 +30,21 @@ html.control-sidebar-animate {
   }
 }
 
+body.text-sm {
+  .control-sidebar {
+    bottom: $main-footer-height-sm;
+    top: $main-header-height-sm;
+  }
+}
+
+.main-header.text-sm ~ .control-sidebar {
+  top: $main-header-height-sm;
+}
+
+.main-footer.text-sm ~ .control-sidebar {
+  bottom: $main-footer-height-sm;
+}
+
 .control-sidebar-push-slide {
     .content-wrapper,
     .main-footer {

build/scss/_layout.scss

@@ -488,7 +488,7 @@ body,
 
   .text-sm &,
   &.text-sm {
-    padding: $main-footer-padding * .812;
+    padding: $main-footer-padding-sm;
   }
 }
 

build/scss/_miscellaneous.scss

@@ -358,6 +358,7 @@
   bottom: 1.25rem;
   position: fixed;
   right: 1.25rem;
+  z-index: $zindex-control-sidebar + 1;
 
   &:focus {
     box-shadow: none;

build/scss/_variables.scss

@@ -82,11 +82,14 @@ $main-header-light-placeholder-color: hsla(0, 0%, 0%, 0.6) !default;
 // MAIN FOOTER
 // --------------------------------------------------------
 $main-footer-padding: 1rem !default;
+$main-footer-padding-sm: $main-footer-padding * .812 !default;
 $main-footer-border-top-width: 1px !default;
 $main-footer-border-top-color: $gray-300 !default;
 $main-footer-border-top: $main-footer-border-top-width solid $main-footer-border-top-color !default;
 $main-footer-height-inner: (($font-size-root * $line-height-base) + ($main-footer-padding * 2)) !default;
 $main-footer-height: calc(#{$main-footer-height-inner} + #{$main-footer-border-top-width}) !default;
+$main-footer-height-sm-inner: (($font-size-sm * $line-height-base) + ($main-footer-padding-sm * 2)) !default;
+$main-footer-height-sm: calc(#{$main-footer-height-sm-inner} + #{$main-footer-border-top-width}) !default;
 $main-footer-bg: $white;
 
 // SIDEBAR SKINS