MediaWiki:Minerva.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.
/* All CSS here will be loaded for users of the MinervaNeue skin */
/* === Minerva Mobile Header Fix === */
/* Center the logo and push the menu below it */
@media screen and (max-width: 768px) {
/* Center the site header container */
.minerva-header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/* Logo adjustments */
.minerva-header .mw-logo {
display: block !important;
margin: 0 auto 0.5em auto !important;
text-align: center !important;
max-width: 160px !important;
height: auto !important;
}
/* Ensure menu and search stack below */
.minerva-header .menu,
.minerva-header .minerva-user-menu,
.minerva-header .minerva-search-box {
display: block !important;
margin: 0 auto !important;
text-align: center !important;
}
}