MediaWiki:Vector-2022.css
Appearance
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.
/* =========================================
VECTOR-2022 LOGO: SIZE + ALIGNMENT FIX
========================================= */
/* 1. Hide wordmark text completely */
.mw-logo-wordmark,
.mw-logo-tagline {
display: none !important;
}
/* 2. Make header-start a clean flex row */
.vector-header-start {
display: flex !important;
align-items: center !important;
padding-left: 0 !important;
}
/* 3. Remove extra spacing added by Vector */
.vector-header-start > nav {
margin-right: 0 !important;
}
/* 4. Properly align the logo link */
.vector-header-start .mw-logo {
display: flex !important;
align-items: center !important;
justify-content: center;
margin-left: 8px !important; /* Wikipedia-like spacing from menu */
padding: 0 !important;
}
/* 5. Increase logo size (Wikipedia ≈ 50px) */
.mw-logo-icon {
height: 56px !important; /* change to 50px for exact Wikipedia */
width: auto !important;
}
/* 6. Prevent Vector from reserving space for text */
.mw-logo-container {
display: none !important;
}
/* 7. Ensure header height stays correct */
.vector-header {
min-height: 64px;
}