diff --git a/assets/scss/_pageinfo.scss b/assets/scss/_pageinfo.scss
index 738c2b02..5d439ded 100644
--- a/assets/scss/_pageinfo.scss
+++ b/assets/scss/_pageinfo.scss
@@ -5,6 +5,7 @@
   margin: 2rem auto;
   padding: 1.5rem;
   padding-bottom: 0.5rem;
+  
 
   @each $color, $value in $theme-colors {
     &-#{$color} {
diff --git a/assets/scss/_sidebar-tree.scss b/assets/scss/_sidebar-tree.scss
index 875fa4c7..a1e224f6 100644
--- a/assets/scss/_sidebar-tree.scss
+++ b/assets/scss/_sidebar-tree.scss
@@ -5,12 +5,12 @@
     margin-right: -15px;
     margin-left: -15px;
   
-    @include media-breakpoint-up(md) {
-      @supports (position: sticky) {
-        max-height: $_max-height;
-        overflow-y: auto;
-      }
-    }
+    // @include media-breakpoint-up(md) {
+    //   @supports (position: sticky) {
+    //     max-height: $_max-height;
+    //     overflow-y: auto;
+    //   }
+    // }
   
     // Adjust height and padding when sidebar_search_disable is true, but only for
     // >= `lg` views, because on tablet (`md`) and mobile (<= `sm`), the search
@@ -140,14 +140,14 @@
     &__inner {
       order: 0;
   
-      @include media-breakpoint-up(md) {
-        @supports (position: sticky) {
-          position: sticky;
-          top: 4rem;
-          z-index: 10;
-          height: calc(100vh - 5rem);
-        }
-      }
+      // @include media-breakpoint-up(md) {
+      //   @supports (position: sticky) {
+      //     position: sticky;
+      //     top: 4rem;
+      //     z-index: 10;
+      //     height: calc(100vh - 5rem);
+      //   }
+      // }
   
       @include media-breakpoint-up(xl) {
         flex: 0 1 320px;
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 3e0df24b..5ffbe0f1 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -60,10 +60,16 @@
 //   min-height: 90vh;
 
 // }
+
+//main sections
 .td-outer {
   margin-top: 3rem;
 }
 
+body{
+  overflow-x: hidden;
+}
+
 // Main Middle Body
 .td-content {
   h2 {
@@ -191,16 +197,33 @@ a:not([href]):not([class]):hover {
   z-index: 5;
 }
 .td-sidebar {
-  background-image: linear-gradient(
-    to top,
-    #1e2117,
-    #1d1912,
-    #18120e,
-    #0f0a09,
-    #000000
-  );
+  background-image: linear-gradient(to top, #1e2117, #1d1912, #18120e, #0f0a09, #000000);
+  position: sticky;
+  height: calc(100vh - 5.5rem);
+  top: 5.5rem;
+  overflow-y: auto;
+  padding-top: 1rem;
+  overflow-x: hidden;
 }
 
+@media screen and (max-width: 768px){
+  .td-sidebar {
+    position: relative;
+    height: auto;
+    top: 0;
+    padding-top: 0;
+  }
+  
+}
+@media screen and (min-height: 800px) and (min-width: 768px) {
+  .td-sidebar {
+    height: 100vh;
+    top: 0;
+    padding-top: 3rem;
+  }
+}
+
+
 // Left sidebar
 .td-sidebar-nav {
   overflow: hidden;
@@ -275,9 +298,9 @@ a:not([href]):not([class]):hover {
   );
   @supports (position: sticky) {
     position: sticky;
-    top: 4rem;
-    padding-top: 3rem;
-    height: calc(100vh - 4rem);
+    top: 5.5rem;
+    padding-top: 1rem;
+    height: calc(100vh - 5.5rem);
     overflow-y: auto;
   }
   .taxo-categories {