bugfix

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

@@ -1,60 +1,20 @@
 @media screen and (max-width: 1450px) {
   header{
     &> nav{
-      width: 90%;
+      width: 90%!important;
     }
   }
 }
-@media screen and (max-width: 1024px) {
-  header > nav{
-    width: 90%!important;
-  }
-  .gal{
-    .title_gal{
-      top: 15vw!important;
-      max-width: 60%!important;
-    }
-  }
-
-  #item{
-    .content{
-      // width: 80%!important;
-      .icones{
-        flex-wrap: nowrap!important;
-      }
-    }
-  }
 
-  #item .demander-votre-devis,
-  #sublog .demander-votre-devis{
-    width: 300px!important;
-    height: 110px!important;
-    a{
-      display: inline-flex!important;
-    }
-    p:nth-of-type(2){
-      display: none!important;
-    }
-    img{
-      margin-left: 20px!important;
-      margin-top: 0px!important;
+@media screen and (max-width: 1080px) {
+  header{
+    &> nav{
+      width: 100%!important;
     }
   }
-    #devis{
-      .txt{
-        width: 35%!important;
-      }
-      .demander-votre-devis{
-        -webkit-transform: translate(0%, -125%)!important;
-                transform: translate(0%, -125%)!important;
-      }
-    }
-    #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm{
-      width: 50%!important;
-    }
 }
 
-@media screen and (max-width: 960px) {
+@media screen and (max-width: 1024px) {
   header nav{
     position: relative;
     width: 90%;
@@ -279,6 +239,276 @@
       }
     }
   }
+  .gal{
+    .title_gal{
+      top: 15vw!important;
+      max-width: 60%!important;
+    }
+  }
+
+  #item{
+    .content{
+      // width: 80%!important;
+      .icones{
+        flex-wrap: nowrap!important;
+      }
+    }
+  }
+
+  #item .demander-votre-devis,
+  #sublog .demander-votre-devis{
+    width: 300px!important;
+    height: 110px!important;
+    a{
+      display: inline-flex!important;
+    }
+    p:nth-of-type(2){
+      display: none!important;
+    }
+    img{
+      margin-left: 20px!important;
+      margin-top: 0px!important;
+    }
+  }
+    #devis{
+      .txt{
+        width: 35%!important;
+      }
+      .demander-votre-devis{
+        -webkit-transform: translate(0%, -125%)!important;
+                transform: translate(0%, -125%)!important;
+      }
+    }
+    #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm{
+      width: 50%!important;
+    }
+}
+
+@media screen and (max-width: 960px) {
+  // header nav{
+  //   position: relative;
+  //   width: 90%;
+  //   .dropmenu{
+  //     background: white;
+  //     display: none;
+  //     position: absolute;
+  //     left: -6%;
+  //     top: 100px;
+  //     width: auto!important;
+  //     height: auto;
+  //     &>ul{
+  //       flex-direction: column!important;
+  //       &>li{
+  //         text-align: left;
+  //         &>ul{
+  //           margin: auto;
+  //           &>li{
+  //             text-align: left;
+  //             margin-left: 10px;
+  //             a{
+  //               font-family: $Regular;
+  //             }
+  //           }
+  //         }
+  //         &> a{
+  //           border: none;
+  //           line-height: 2rem;
+  //         }
+  //       }
+  //     }
+  //     &.active{
+  //       display: block;
+  //
+  //     }
+  //   }
+  //   .logo{
+  //     margin: auto;
+  //   }
+  //   .navTrigger {
+  //     cursor: pointer;
+  //     width: 30px;
+  //     height: 25px;
+  //     margin: auto 0;
+  //     left: 0;
+  //     top: 0;
+  //     bottom: 0;
+  //   }
+  //   .navTrigger i {
+  //     background-color: $light-blue;
+  //     border-radius: 2px;
+  //     content: '';
+  //     display: block;
+  //     width: 100%;
+  //     height: 4px;
+  //   }
+  //   .navTrigger i:nth-child(1) {
+  //     -webkit-animation: outT 0.8s backwards;
+  //     animation: outT 0.8s backwards;
+  //     -webkit-animation-direction: reverse;
+  //     animation-direction: reverse;
+  //   }
+  //   .navTrigger i:nth-child(2) {
+  //     margin: 5px 0;
+  //     -webkit-animation: outM 0.8s backwards;
+  //     animation: outM 0.8s backwards;
+  //     -webkit-animation-direction: reverse;
+  //     animation-direction: reverse;
+  //   }
+  //   .navTrigger i:nth-child(3) {
+  //     -webkit-animation: outBtm 0.8s backwards;
+  //     animation: outBtm 0.8s backwards;
+  //     -webkit-animation-direction: reverse;
+  //     animation-direction: reverse;
+  //   }
+  //   .navTrigger.active i:nth-child(1) {
+  //     -webkit-animation: inT 0.8s forwards;
+  //     animation: inT 0.8s forwards;
+  //   }
+  //   .navTrigger.active i:nth-child(2) {
+  //     -webkit-animation: inM 0.8s forwards;
+  //     animation: inM 0.8s forwards;
+  //   }
+  //   .navTrigger.active i:nth-child(3) {
+  //     -webkit-animation: inBtm 0.8s forwards;
+  //     animation: inBtm 0.8s forwards;
+  //   }
+  //   @-webkit-keyframes inM {
+  //     50% {
+  //       -webkit-transform: rotate(0deg);
+  //     }
+  //     100% {
+  //       -webkit-transform: rotate(45deg);
+  //     }
+  //   }
+  //   @keyframes inM {
+  //     50% {
+  //       -webkit-transform: rotate(0deg);
+  //               transform: rotate(0deg);
+  //     }
+  //     100% {
+  //       -webkit-transform: rotate(45deg);
+  //               transform: rotate(45deg);
+  //     }
+  //   }
+  //   @-webkit-keyframes outM {
+  //     50% {
+  //       -webkit-transform: rotate(0deg);
+  //     }
+  //     100% {
+  //       -webkit-transform: rotate(45deg);
+  //     }
+  //   }
+  //   @keyframes outM {
+  //     50% {
+  //       -webkit-transform: rotate(0deg);
+  //               transform: rotate(0deg);
+  //     }
+  //     100% {
+  //       -webkit-transform: rotate(45deg);
+  //               transform: rotate(45deg);
+  //     }
+  //   }
+  //   @-webkit-keyframes inT {
+  //     0% {
+  //       -webkit-transform: translateY(0px) rotate(0deg);
+  //     }
+  //     50% {
+  //       -webkit-transform: translateY(9px) rotate(0deg);
+  //     }
+  //     100% {
+  //       -webkit-transform: translateY(9px) rotate(135deg);
+  //     }
+  //   }
+  //   @keyframes inT {
+  //     0% {
+  //       -webkit-transform: translateY(0px) rotate(0deg);
+  //               transform: translateY(0px) rotate(0deg);
+  //     }
+  //     50% {
+  //       -webkit-transform: translateY(9px) rotate(0deg);
+  //               transform: translateY(9px) rotate(0deg);
+  //     }
+  //     100% {
+  //       -webkit-transform: translateY(9px) rotate(135deg);
+  //               transform: translateY(9px) rotate(135deg);
+  //     }
+  //   }
+  //   @-webkit-keyframes outT {
+  //     0% {
+  //       -webkit-transform: translateY(0px) rotate(0deg);
+  //     }
+  //     50% {
+  //       -webkit-transform: translateY(9px) rotate(0deg);
+  //     }
+  //     100% {
+  //       -webkit-transform: translateY(9px) rotate(135deg);
+  //     }
+  //   }
+  //   @keyframes outT {
+  //     0% {
+  //       -webkit-transform: translateY(0px) rotate(0deg);
+  //               transform: translateY(0px) rotate(0deg);
+  //     }
+  //     50% {
+  //       -webkit-transform: translateY(9px) rotate(0deg);
+  //               transform: translateY(9px) rotate(0deg);
+  //     }
+  //     100% {
+  //       -webkit-transform: translateY(9px) rotate(135deg);
+  //               transform: translateY(9px) rotate(135deg);
+  //     }
+  //   }
+  //   @-webkit-keyframes inBtm {
+  //     0% {
+  //       -webkit-transform: translateY(0px) rotate(0deg);
+  //     }
+  //     50% {
+  //       -webkit-transform: translateY(-9px) rotate(0deg);
+  //     }
+  //     100% {
+  //       -webkit-transform: translateY(-9px) rotate(135deg);
+  //     }
+  //   }
+  //   @keyframes inBtm {
+  //     0% {
+  //       -webkit-transform: translateY(0px) rotate(0deg);
+  //               transform: translateY(0px) rotate(0deg);
+  //     }
+  //     50% {
+  //       -webkit-transform: translateY(-9px) rotate(0deg);
+  //               transform: translateY(-9px) rotate(0deg);
+  //     }
+  //     100% {
+  //       -webkit-transform: translateY(-9px) rotate(135deg);
+  //               transform: translateY(-9px) rotate(135deg);
+  //     }
+  //   }
+  //   @-webkit-keyframes outBtm {
+  //     0% {
+  //       -webkit-transform: translateY(0px) rotate(0deg);
+  //     }
+  //     50% {
+  //       -webkit-transform: translateY(-9px) rotate(0deg);
+  //     }
+  //     100% {
+  //       -webkit-transform: translateY(-9px) rotate(135deg);
+  //     }
+  //   }
+  //   @keyframes outBtm {
+  //     0% {
+  //       -webkit-transform: translateY(0px) rotate(0deg);
+  //               transform: translateY(0px) rotate(0deg);
+  //     }
+  //     50% {
+  //       -webkit-transform: translateY(-9px) rotate(0deg);
+  //               transform: translateY(-9px) rotate(0deg);
+  //     }
+  //     100% {
+  //       -webkit-transform: translateY(-9px) rotate(135deg);
+  //               transform: translateY(-9px) rotate(135deg);
+  //     }
+  //   }
+  // }
   .gal{
     .title_gal{
       max-width: 80%!important;