maj

user/themes/lecampus/scss/theme/_blog.scss

@@ -222,6 +222,7 @@
           @include inlineflex();
           margin: 20px 0px;
           &> div{
+            overflow: hidden;
             margin: 10px 10px;
             min-width: 100px;
             border: 2px solid $red;
@@ -238,6 +239,9 @@
               visibility: hidden;
               position: absolute;
             }
+            label{
+              cursor: pointer;
+            }
           }
         }
         &:nth-of-type(n+5):not(:nth-of-type(n+11)){
@@ -404,7 +408,7 @@
 .sidebar{
   position: absolute;
   right: 0;
-  width: 300px;
+  width: 20%;
   margin: -55px auto 0 20px;
   h2{
     background: $red;

user/themes/lecampus/scss/theme/_header.scss

@@ -7,6 +7,7 @@ header{
           justify-content: center;
   width: 100%;
   border-bottom: 1px solid $light-blue;
+  height: 105px;
   nav{
     @include inlineflex();
     -ms-flex-pack: distribute;
@@ -35,6 +36,7 @@ header{
           text-align: center;
           max-width: 250px;
           &>a{
+            white-space: nowrap;
             line-height: 6rem;
             border-top: 1px solid $light-blue;
             border-bottom: 3px solid $green;

user/themes/lecampus/scss/theme/_mobile.scss

@@ -346,7 +346,7 @@
       background-size: cover;
       position: absolute;
       top: 0;
-      margin-left: -10vw;
+      margin-left: -27vw;
       z-index: -1;
     }
   }
@@ -422,6 +422,9 @@
   .sidebar{
     width: 90%!important;;
     text-align: center;
+    &:before{
+      margin-left: -8vw;
+    }
     h2{
       margin: auto;
     }