_includes/navbar_side.html

 <div class="sidebar {{ include.sidebarClassName }}" id="sidebar1">
+
+  <div class="row">
   <ul class="list-group pt-5">
     {% assign sorted_pages = site.pages | sort:"order" %}
     {% for page in sorted_pages %}
@@ -9,4 +11,24 @@
     {% endif %}
     {% endfor %}
   </ul>
+  </div>
+{% assign levels = "platinum,gold" | split: ',' %}
+{% for level in levels %}
+{% assign sponsors = site.data.sponsors[level] | sort: 'name' %}
+{% if sponsors.size != 0 %}
+<div class="row">
+<div class="fixed-bottom">
+    {% for x in sponsors %}
+    <div class="col-md-2 col-sm-3 mb-2 p-2">
+        <div class="card text-center">
+            <a href="{{ x.url }}" name="{{ x.name }}">
+                <img class="w-100 p-1" src="{{ x.logo | prepend: "/assets/images/sponsors/" | relative_url }}" alt="{{ x.name }}">
+            </a>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+</div>
+{% endif %}
+{% endfor %}
 </div>

_layouts/default.html

@@ -5,10 +5,10 @@
     {% include navbar.html %}
 
     <div class="row h-100">
-      <div class="col-md-2 col-sm-3 d-none d-sm-block p-0">
+      <div class="col-md-2 col-sm-3 d-none d-sm-block p-0 position-fixed">
         {% include navbar_side.html sidebarClassName="rb-sidebar__1" %}
       </div>
-      <div class="col-md-10 col-xs-12 col-sm-9 p-0">
+      <div class="col-md-10 col-xs-12 col-sm-9 p-0 dyn-left">
         <main role="main" class="content-scroll p-5" data-spy="scroll" data-target="#components-nav" data-offset="0">
           {{ content }}
 

assets/styles/custom.scss

+@media (min-width: 576px) {
+  .dyn-left {
+      left: 25%;
+  }
+}
+@media (min-width:768px) {
+  .dyn-left {
+      left: 16.666667%;
+  }
+}
+
+
+
 main {
   a {
     // Use a foreground:background contrast ratio of 7.04:1

assets/styles/layout.scss

@@ -10,11 +10,8 @@
   height: 100%;
   width: 100%;
 
-  // position: fixed;
 
   & .list-group {
-    position: fixed;
-    // width: 23vw;
   }
 
   & .list-group-item {