Styling : adapting site-head section to mobile version + aligning site-head-content

themes/tse/assets/css/theme.scss

@@ -27,7 +27,7 @@ body {
   position: relative;
   display: table;
   width: 100%;
-  height: 100%;
+  height: 100vh;
   margin-bottom: 0rem;
   text-align: center;
   color: var(--highlight);
@@ -79,14 +79,13 @@ body {
   }
 
   #top-banner {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    max-width: 100%;
-    width: 100%;
-    height: fit-content;
+    // position: absolute;
+    // top: 0px;
+    // left: 0px;
+    // max-width: 100%;
+    // width: 100%;
+    // height: fit-content;
     background-color: var(--cover-title-and-description-guard-bg-color);
-
   }
 
   #site-languages {
@@ -100,7 +99,7 @@ body {
   #site-menu {
     position: relative;
     float: left;
-    width: fit-content;
+    // width: fit-content;
     height: 100%;
   }
 
@@ -127,9 +126,9 @@ body {
 
   #site-head-content {
     
-    position: absolute;
-    bottom: 200px;
-    max-width: 100%;
+    // position: absolute;
+    // bottom: 200px;
+    // max-width: 100%;
     align-content: center;
   }
 
@@ -145,7 +144,7 @@ body {
     border-radius: 4px;
     -webkit-border-radius: 4px;
     display: inline-block;
-    font-size: 16px;
+    // font-size: 16px;
     letter-spacing: 1px;
     margin: 1rem;
     overflow: visible;