From 432482aef20b1387859ea92deb58f313e20f94c5 Mon Sep 17 00:00:00 2001
From: Preyanshu <mishrapreyanshu@gmail.com>
Date: Wed, 19 Jun 2024 18:03:40 +0530
Subject: [PATCH] fix : moblie view + horzontal scrollbar + hidden edges

Signed-off-by: Preyanshu <mishrapreyanshu@gmail.com>
---
 assets/scss/_pageinfo.scss       |  1 +
 assets/scss/_styles_project.scss | 28 ++++++++++++++++++++++------
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/assets/scss/_pageinfo.scss b/assets/scss/_pageinfo.scss
index 738c2b02..c7c54c1b 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;
+  overflow-x : hidden;
 
   @each $color, $value in $theme-colors {
     &-#{$color} {
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 6fd2ff9e..50cf82e4 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 {
@@ -193,10 +199,20 @@ a:not([href]):not([class]):hover {
 .td-sidebar {
   background-image: linear-gradient(to top, #1e2117, #1d1912, #18120e, #0f0a09, #000000);
   position: sticky;
-  height: calc(100vh - 4rem);
-  top: 4rem;
+  height: calc(100vh - 5.5rem);
+  top: 5.5rem;
   overflow: auto;
-  padding-top: 3rem;
+  padding-top: 1rem;
+}
+
+@media screen and (max-width: 768px){
+  .td-sidebar {
+    position: relative;
+    height: auto;
+    top: 0;
+    padding-top: 0;
+  }
+  
 }
 
 // Left sidebar
@@ -273,9 +289,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 {