MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 410: / Line 410: @@
 }
-/* Center the logo and push the menu below on narrow screens */
+//* Fix logo and menu alignment on mobile */
-@media (max-width: 768px) {
+@media screen and (max-width: 720px) {
-   .vector-header-start {
+  /* Center the header content */
-     display: block !important;
+   .mw-header, .minerva-header {
-     text-align: center !important;
+     display: flex !important;
+     flex-direction: column !important;
+    align-items: center !important;
+    justify-content: center !important;
    }
-   .vector-logo,
+   /* Center the logo itself */
-  .mw-wiki-logo,
+  #p-logo a, .mw-logo a, .mw-logo-wordmark {
-  .mw-logo {
      display: block !important;
      margin: 0 auto !important;
-     height: auto !important;
+     text-align: center !important;
-    max-height: 90px !important;
    }
-   /* Ensure the menu and search appear below the logo */
+   /* Add spacing below logo so it doesn’t crowd the menu */
-   .vector-search-box,
+   #p-logo, .mw-logo-container {
-  .vector-header-menu {
+     margin-bottom: 0.5em !important;
-    display: block !important;
-     margin: 0 auto !important;
-    text-align: center;
    }
-   /* Optional: reduce logo size slightly on phones */
+   /* Center the hamburger/search row underneath */
-   .vector-logo img {
+   .minerva-header .menu-toggle,
-     max-width: 160px !important;
+  .minerva-header .search-toggle {
+     margin: 0.2em auto !important;
    }
 }