MediaWiki:Mobile.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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

@media screen and (max-width: 1000px) {
  html {
      font-size: 200%;
  }

  .mw-page-container-inner {
      display: block;
  }

  .vector-column-start {
      display: none;
  }

  .vector-header-container .mw-header {
      min-width: 100%
  }

  .mw-logo {
      width: 100%;
  }

  .mw-header .vector-header-start, .mw-header .vector-header-end {
      display: flex;
      align-items: flex-end;
      flex-direction: column;
  }
}