Sfoglia il codice sorgente

nav menu responsive fix for small screen

tags/1.0.0
Alej 4 anni fa
parent
commit
b7b61b8f46
1 ha cambiato i file con 6 aggiunte e 0 eliminazioni
  1. 6
    0
      vue-theme/src/components/navigation/navigation.vue

+ 6
- 0
vue-theme/src/components/navigation/navigation.vue Vedi File

325
                     /* padding: 0 */
325
                     /* padding: 0 */
326
                     margin: 0
326
                     margin: 0
327
 
327
 
328
+    @media (max-width: $large)
329
+        .menu
330
+            display: none
331
+
328
     @media (min-width: $large)
332
     @media (min-width: $large)
329
         .menu
333
         .menu
330
             display: flex
334
             display: flex
335
     @media (min-width:  $extra-large)
339
     @media (min-width:  $extra-large)
336
         .menu > ul
340
         .menu > ul
337
             max-width: $max-width
341
             max-width: $max-width
342
+
343
+    
338
 </style>
344
 </style>

Loading…
Annulla
Salva