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 */

/* === 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;
  }
}