Changes to blocks and styles

style.css

@@ -22,34 +22,67 @@ Version: 1.0
     position: relative; /* To ensure side content stays in place */
 
 }
+#lcp-viewport-inner {
+    display:flex;flex-direction:column;
+    min-height:100vh
+  }
+#lcp-main-container.lcp-grow-vertical {
+	flex-grow:1
+}
 
+.admin-bar #lcp-viewport-inner {
+    min-height:calc(100vh - 32px)
+}
+
+/* Main Content */
+.lcp-has-sidecontent #lcp-main-container > * > *{ padding:20px
+    
+}
 /* Side content */
 #lcp-sidecontent {
     position: absolute; 
     left: 0;
-    top: var(--my-top); 
+    top: 0;
     width: 340px; 
     height: 100%; 
-    overflow: auto; 
+    overflow: hidden; 
     background: #fff;
     border-right: 2px solid #eee;
     z-index: 2;
     outline: 0;
 }
 
+#lcp-sidecontent-inner {
+    height: 100%;
+    overflow: auto; /* Enable scrolling for inner content */
+    padding:0 10px
+}
+
+#lcp-sidecontent-inner > * {
+    margin-top: 10px;}
 
 
 #lcp-sidecontent.lcp-fixed {
     position:fixed
 }
 
-/* Main content */
-.has-sidecontent #lcp-main-wrap {
-    flex: 1; /* Main content takes up the rest of the space */
-    margin-left: 340px; /* Space for side content */
-    padding: 20px;
-}
+@media only screen and (max-width: 1199px) {
+    
+    #lcp-sidecontent:not(.lcp-open) {display:none}
 
+}
+/* Main content an Footer */
+@media only screen and (min-width: 1200px) {
+    
+
+    .lcp-has-sidecontent #lcp-main-container {
+        flex: 1; /* Main content takes up the rest of the space */
+        margin-left: 340px; /* Space for side content */
+    }
+    .lcp-has-sidecontent #lcp-footer-container {
+        margin-left: 340px; /* Space for side content */
+    }
+}
 /* Sticky header styles (if applicable) */
 #lcp-header-container {
     z-index: 3;
@@ -122,11 +155,6 @@ Version: 1.0
 
 
 
-#lcp-sidecontent-inner {
-    height: 100%;
-    overflow: auto; /* Enable scrolling for inner content */
-    padding-right: 15px; /* Space for the custom scrollbar */
-}
 
 #lcp-scroll-track {
     position: absolute;
@@ -276,4 +304,5 @@ Version: 1.0
 
   .tab-pane.active {
     display: block;
-  }
+  }
+