MediaWiki:Vector-2022.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* ============================================================
   Force Vector-2022 to show the image logo instead of wordmark
   ============================================================ */

/* Ensure the logo container is visible and not clipped */
.mw-logo,
.mw-logo-icon {
    display: block !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Force the actual logo image to render */
.mw-logo img,
.mw-logo-icon img {
    display: block !important;
    width: auto !important;
    height: 60px !important;   /* Adjust this to taste */
    object-fit: contain !important;
}

/* Hide the Vector-2022 wordmark so the logo takes priority */
.vector-header-wordmark,
.vector-wordmark,
.vector-logo-wordmark {
    display: none !important;
}

/* Optional: give the logo a little breathing room */
.mw-logo {
    margin-right: 12px !important;
}