Jump to content

MediaWiki:Minerva.css: Difference between revisions

No edit summary
Tag: Replaced
 
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 {
    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;
  }
}