Banner CSS fixes

RedisLabs · Mar 29, 2024 · d894202 · d894202
1 parent d9fee56
commit d894202
Showing 1 changed file with 15 additions and 4 deletions.
diff --git a/static/theme-flex/style.css b/static/theme-flex/style.css
@@ -57,8 +57,12 @@ header:after {
 header a {
   text-decoration: none; }
 
-header .header-wrap-outer {
+.header-wrap-outer {
   box-shadow: 0 0 6px 0 rgba(140,140,141,.5);  
+  position: -webkit-sticky !important;
+  position: sticky !important;
+  top: 0px !important;
+  z-index: 999 !important;
 }
 
 header .header-wrap {
@@ -362,12 +366,14 @@ article > aside {
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
-  left: 0;
+  /* left: 0; */
+  float: left;
   padding: 0 26px;
-  position: fixed;
+  position: sticky;
   z-index: 2;
   top: 58px;
   width: 23rem;
+  height: 100vh;
   overflow-y: auto;
   -moz-box-shadow: 1px 0 8px 0 #ddd;
   -webkit-box-shadow: 1px 0 8px 0 #ddd;
@@ -501,7 +507,7 @@ article > aside .menu .dd-item.parent.menu-root.menu-expanded .collapse-all-titl
 
 html,
 body {
-  height: 100%;
+  height: auto;
   position: relative;
   left: 0;
   -webkit-transition: all 0.3s ease;
@@ -564,6 +570,11 @@ section a {
   padding-top: 5rem;
 }
 
+.home-hero .banner {
+  margin-top: -5rem;
+  padding-top: 10px;
+}
+
 .home-hero h1 {
   color: #5961ff;
   font-size: 4rem;