MediaWiki:Minerva.css: Difference between revisions

@@ Line 213: / Line 213: @@
      float: none !important;
      margin: 0 !important;
+  }
+}
+/* Force navbox layout to stack on mobile */
+@media screen and (max-width: 720px) {
+  .navbox td,
+  .navbox th,
+  .navbox tr,
+  .navbox tbody,
+  .navbox-subgroup {
+    display: block;
+  }
+  .navbox-list ul {
+    display: flex;
+    white-space: nowrap;
+    overflow-x: auto;
+    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
+    padding: 0.5em;
+    gap: 0.5em;
+  }
+  .navbox-group-title {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    background: #ccd2d8;
+    padding: 0.2em 0.85em;
+  }
+  .navbox-title {
+    text-align: center;
+    padding: 0.25em 0.85em;
+    background: #666;
+    color: white;
+    font-size: 1.4em;
+  }
+  .navbox-list li {
+    display: inline-flex;
+    align-items: center;
+    margin: 0 0.5em;
+  }
+  /* Optional: hide navbox images for mobile */
+  .navbox img {
+    display: none;
    }
 }