MediaWiki:Minerva.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the MinervaNeue skin */ | /* 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 { | .minerva-header { | ||
display: | display: flex; | ||
flex-direction: column; | |||
align-items: center; | |||
justify-content: center; | |||
} | } | ||
/* | /* Logo adjustments */ | ||
.minerva-header .mw | .minerva-header .mw-logo { | ||
display: block !important; | display: block !important; | ||
margin: 0 auto !important; | margin: 0 auto 0.5em auto !important; | ||
text-align: center !important; | |||
max-width: 160px !important; | |||
height: auto !important; | height: auto !important; | ||
} | } | ||
/* | /* Ensure menu and search stack below */ | ||
.minerva-header .menu, | .minerva-header .menu, | ||
.minerva-header .minerva-user- | .minerva-header .minerva-user-menu, | ||
.minerva-header | .minerva-header .minerva-search-box { | ||
display: block !important; | display: block !important; | ||
margin: 0 | margin: 0 auto !important; | ||
text-align: center !important; | text-align: center !important; | ||
} | } | ||
} | } | ||
Revision as of 19:12, 19 October 2025
/* 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;
}
}