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.
@media screen and (max-width: 1129px) {
  /* Move the header to top */
  .citizen-header {
    bottom: unset !important;
    top: 0 !important;
  }
  /* Fix navigation bar, page settings and user card dropdown positions */
  .citizen-header .citizen-menu__card {
    bottom: unset !important;
    top: 50px !important;
  }
  /* Uncomment to fix notification menu popup position: can be buggy /*
  /*.mw-echo-ui-overlay .mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
    top: -961px !important;
  }*/
  /* Fix header position (hide animation) when scrolling down */
  .citizen-scroll--down .citizen-header {
    transform: translateY(-100%) !important;
  }
  /* Fix page actions position gap */
  .page-actions {
    bottom: var(--space-xs) !important;
  }
  /* Fix ToC position gap */
  .citizen-toc {
    bottom: var(--space-xs) !important;
  }
  /* Make header not cover top of body */
  .citizen-body-container {
    padding-top: var(--header-size);
  }
}