MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 410: / Line 410: @@
 }
-/* Center the logo and push the menu below on narrow screens */
+/* === Mobile Infobox Layout Fix === */
 @media (max-width: 768px) {
-   .vector-header-start {
+  /* Force infoboxes to drop below text and use full width */
-     display: flex !important;
+   .infobox {
-     flex-direction: column !important;
+     float: none !important;
-     align-items: center !important;
+    margin: 1em auto !important;
+    width: 100% !important;
+     max-width: 100% !important;
+    clear: both !important;
+     display: block !important;
    }
-   .vector-logo,
+   /* Slight padding and center alignment for aesthetics */
-   .mw-wiki-logo,
+   .infobox th,
-   .mw-logo {
+   .infobox td {
-     display: block !important;
+     padding: 0.4em !important;
-    margin: 0 auto !important;
-    height: auto !important;
-    max-height: 90px !important;
    }
-   /* Ensure the menu and search appear below the logo */
+   /* Make sure text wraps nicely */
-   .vector-search-box,
+   .infobox td,
-   .vector-header-menu {
+   .infobox th {
-     display: flex !important;
+     word-wrap: break-word !important;
-    justify-content: center !important;
-    margin-top: 0.5em !important;
    }
+}
+/* === Desktop: show full wordmark === */
+.mw-logo-icon { display: none !important; }
+.mw-logo-wordmark { display: inline-block !important; }
-  /* Optional: reduce logo size slightly on phones */
+/* === Mobile (under 768px): hide wordmark, show square icon === */
-   .vector-logo img {
+@media (max-width: 768px) {
-     max-width: 160px !important;
+   .mw-logo-wordmark { display: none !important; }
+  .mw-logo-icon {
+     display: inline-block !important;
+    content: url("https://untenables.com/images/2/26/Favicon.png");
+    width: 42px;
+    height: auto;
+    margin-top: 4px;
    }
 }