[producer] Responsive : logo et menu caché dans une certaine résolution

producer/web/css/screen.css

@@ -1769,8 +1769,14 @@ Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
 pris connaissance de la licence CeCILL, et que vous en avez accepté les
 termes.
 */
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 768px) and (max-width: 992px) {
   /* line 39, ../sass/_responsive.scss */
+  #left .fixed {
+    position: relative;
+  }
+}
+@media screen and (max-width: 768px) {
+  /* line 47, ../sass/_responsive.scss */
   #header-bap {
     display: block;
     position: relative;
@@ -1780,80 +1786,80 @@ termes.
     width: 100%;
     padding: 0px;
   }
-  /* line 48, ../sass/_responsive.scss */
+  /* line 56, ../sass/_responsive.scss */
   #header-bap #logo {
     margin-left: 10px;
   }
 
-  /* line 54, ../sass/_responsive.scss */
+  /* line 62, ../sass/_responsive.scss */
   #left .fixed {
     position: relative;
   }
 
-  /* line 62, ../sass/_responsive.scss */
+  /* line 69, ../sass/_responsive.scss */
   #main #img-big {
     display: none;
   }
-  /* line 68, ../sass/_responsive.scss */
+  /* line 75, ../sass/_responsive.scss */
   #main nav#main-nav ul li {
     display: block;
     float: none;
   }
-  /* line 72, ../sass/_responsive.scss */
+  /* line 79, ../sass/_responsive.scss */
   #main nav#main-nav ul li.active a {
     border-bottom: solid 1px white;
     background-color: #FF7F00;
     color: white;
   }
-  /* line 77, ../sass/_responsive.scss */
+  /* line 84, ../sass/_responsive.scss */
   #main nav#main-nav ul li.active a:hover {
     background-color: #FF7F00;
     color: white;
   }
-  /* line 83, ../sass/_responsive.scss */
+  /* line 90, ../sass/_responsive.scss */
   #main nav#main-nav ul li a {
     display: block;
     border-bottom: solid 1px #e0e0e0;
   }
-  /* line 87, ../sass/_responsive.scss */
+  /* line 94, ../sass/_responsive.scss */
   #main nav#main-nav ul li a:hover {
     background-color: white;
     color: #FF7F00;
   }
-  /* line 94, ../sass/_responsive.scss */
+  /* line 101, ../sass/_responsive.scss */
   #main nav#main-nav ul li#btn-administration {
     float: none;
   }
-  /* line 96, ../sass/_responsive.scss */
+  /* line 103, ../sass/_responsive.scss */
   #main nav#main-nav ul li#btn-administration a:hover {
     background-color: white;
     color: #FF7F00;
   }
-  /* line 104, ../sass/_responsive.scss */
+  /* line 111, ../sass/_responsive.scss */
   #main h2#page-title {
     text-align: center;
   }
-  /* line 110, ../sass/_responsive.scss */
+  /* line 117, ../sass/_responsive.scss */
   #main #products td {
     padding: 3px;
   }
-  /* line 114, ../sass/_responsive.scss */
+  /* line 121, ../sass/_responsive.scss */
   #main #products .td-photo, #main #products .th-photo {
     display: none;
   }
-  /* line 118, ../sass/_responsive.scss */
+  /* line 125, ../sass/_responsive.scss */
   #main #products .product {
     font-size: 12px;
   }
-  /* line 120, ../sass/_responsive.scss */
+  /* line 127, ../sass/_responsive.scss */
   #main #products .product .nom {
     font-size: 15px;
   }
-  /* line 127, ../sass/_responsive.scss */
+  /* line 134, ../sass/_responsive.scss */
   #main #bar-fixed {
     position: relative;
   }
-  /* line 129, ../sass/_responsive.scss */
+  /* line 136, ../sass/_responsive.scss */
   #main #bar-fixed .btn-comment {
     float: none;
     display: block;
@@ -1862,70 +1868,70 @@ termes.
     margin-top: 15px;
   }
 
-  /* line 139, ../sass/_responsive.scss */
+  /* line 146, ../sass/_responsive.scss */
   .order-create #main #content .order-form #products .table .input-group,
   .order-update #main #content .order-form #products .table .input-group {
     width: 60px;
   }
-  /* line 143, ../sass/_responsive.scss */
+  /* line 150, ../sass/_responsive.scss */
   .order-create #main #content .order-form #products .table .input-group .form-control,
   .order-update #main #content .order-form #products .table .input-group .form-control {
     width: 20px;
     padding: 3px;
   }
 
-  /* line 149, ../sass/_responsive.scss */
+  /* line 156, ../sass/_responsive.scss */
   .order-create #main #content .order-form #bar-fixed #checkbox-credit,
   .order-update #main #content .order-form #bar-fixed #checkbox-credit {
     width: 100%;
     margin: 0px;
     padding: 5px 0px;
   }
-  /* line 155, ../sass/_responsive.scss */
+  /* line 162, ../sass/_responsive.scss */
   .order-create #main #content .order-form #bar-fixed #checkbox-credit .the-credit,
   .order-update #main #content .order-form #bar-fixed #checkbox-credit .the-credit {
     word-break: break-all;
   }
 
-  /* line 160, ../sass/_responsive.scss */
+  /* line 167, ../sass/_responsive.scss */
   .order-create #main #content .order-form #bar-fixed #block-confirm-order button,
   .order-update #main #content .order-form #bar-fixed #block-confirm-order button {
     width: 100%;
   }
 
-  /* line 168, ../sass/_responsive.scss */
+  /* line 175, ../sass/_responsive.scss */
   .order-order #app-order-order #steps ul {
     height: auto;
   }
-  /* line 170, ../sass/_responsive.scss */
+  /* line 177, ../sass/_responsive.scss */
   .order-order #app-order-order #steps ul li {
     padding-left: 0px;
     padding-right: 0px;
   }
-  /* line 174, ../sass/_responsive.scss */
+  /* line 181, ../sass/_responsive.scss */
   .order-order #app-order-order #steps ul li .info-step {
     display: none;
   }
-  /* line 178, ../sass/_responsive.scss */
+  /* line 185, ../sass/_responsive.scss */
   .order-order #app-order-order #steps ul li .btn::after,
   .order-order #app-order-order #steps ul li .btn::before {
     display: none;
   }
-  /* line 189, ../sass/_responsive.scss */
+  /* line 196, ../sass/_responsive.scss */
   .order-order #app-order-order table#products td.name .recipe {
     display: none;
   }
-  /* line 195, ../sass/_responsive.scss */
+  /* line 202, ../sass/_responsive.scss */
   .order-order #app-order-order table#products td.td-quantity .input-group-btn {
     width: 100%;
     display: block;
   }
-  /* line 199, ../sass/_responsive.scss */
+  /* line 206, ../sass/_responsive.scss */
   .order-order #app-order-order table#products td.td-quantity .input-group-btn button {
     width: 100%;
     display: block;
   }
-  /* line 209, ../sass/_responsive.scss */
+  /* line 216, ../sass/_responsive.scss */
   .order-order #app-order-order #order-success .alert .glyphicon-big {
     font-size: 90px;
     color: white;
@@ -1935,13 +1941,13 @@ termes.
     text-align: center;
     margin-bottom: 20px;
   }
-  /* line 218, ../sass/_responsive.scss */
+  /* line 225, ../sass/_responsive.scss */
   .order-order #app-order-order #order-success .alert div.content {
     margin-left: 0px;
     text-align: center;
   }
 
-  /* line 229, ../sass/_responsive.scss */
+  /* line 236, ../sass/_responsive.scss */
   #footer .content {
     text-align: center;
   }

producer/web/sass/_responsive.scss

@@ -34,6 +34,14 @@ pris connaissance de la licence CeCILL, et que vous en avez accepté les
 termes.
 */
 
+@media screen and (min-width: 768px) and (max-width: 992px) {
+    #left {
+        .fixed {
+            position: relative ;
+        }
+    }
+}
+
 @media screen and (max-width: 768px) {
  
     #header-bap {
@@ -56,7 +64,6 @@ termes.
         }
     }
     
-    
     #main {
         
         #img-big {