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

/* Center the logo and push the menu below on narrow screens (Minerva version) */
@media (max-width: 768px) {

  /* The header container itself */
  .minerva-header {
    display: block !important;
    text-align: center !important;
    padding: 0.5em 0;
  }

  /* The logo */
  .minerva-header .mw-logo,
  .minerva-header .mw-wiki-logo {
    display: block !important;
    margin: 0 auto !important;
    height: auto !important;
    max-height: 90px !important;
  }

  /* Menu and icons below logo */
  .minerva-header .menu,
  .minerva-header .minerva-user-navigation,
  .minerva-header .toggle-list,
  .minerva-header .minerva-icon {
    display: block !important;
    margin: 0.4em auto !important;
    text-align: center !important;
  }

  /* Optional: slightly shrink logo on smaller devices */
  .minerva-header .mw-logo img {
    max-width: 160px !important;
  }
}