MediaWiki:Minerva.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.

/* All CSS here will be loaded for users of the MinervaNeue skin */

/* --- Fix Untenables logo alignment on mobile (Minerva skin) --- */
.mw-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 0;
}

.mw-logo img {
    max-width: 180px; /* Adjust for logo width */
    height: auto;
    margin: 0 auto;
}

.minerva-header .header {
    flex-direction: column !important;
    align-items: center !important;
}

/* Push icons below the logo */
.minerva-header .minerva-icon,
.minerva-header .toggle-list {
    order: 2;
    margin-top: 0.3em;
    display: inline-flex;
    justify-content: center;
    width: 100%;
}

/* Slight padding under the logo so menu doesn’t overlap */
#page-secondary-actions {
    margin-top: 0.5em;
}